@charset "UTF-8";
:root {
  --primary: #DD2F1A;
  --secondary: #B58500;
  --info: #544D48;
  --success: #938459;
  --warning: #ffbf08;
  --danger: #CF2D2D;
  --muted: #D6D6D6;
  --border-color: #ddd;
  --border-width: 1px;
  --black: #000;
  --dark: #231815;
  --obsidian: #080606;
  --slate: #6C6C6C;
  --iceblue: #4B87C7;
  --pink: #E483B8;
}

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

html {
  font-family: "Helvetica Neue", Helvetica, system-ui, -apple-system, "微軟正黑體", "Microsoft JhengHei", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  margin: 0 auto;
  background: #f5f5f5;
  color: #231815;
  letter-spacing: 0.03em;
}

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

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.2;
  color: inherit;
  background: transparent;
  margin: 0;
}

button, select {
  text-transform: none;
}

button,
input:where([type=button], [type=reset], [type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

summary {
  display: list-item;
}

textarea {
  resize: vertical;
}

::placeholder {
  opacity: 1;
  color: color-mix(in srgb, currentColor 50%, transparent);
}

:disabled {
  cursor: default;
}

[hidden] {
  display: none !important;
}

button,
[role=button] {
  cursor: pointer;
  border: 0;
}
button:focus,
[role=button]:focus {
  outline: 0;
}

h1 {
  font-size: 36px;
  margin: 0.67em 0;
}

hr {
  height: 0;
  color: inherit;
  border: 0 var(--border-color, solid #ddd);
  border-top-width: var(--border-width, 1px);
  margin: 1rem 0;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  color: #000;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color 350ms, background 300ms ease;
}
a:hover {
  color: #231815;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

#header::after, .container::after, .clearfix::after {
  display: table;
  content: "";
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clear {
  clear: both;
}

.rest {
  overflow: hidden;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.rounded {
  border-radius: 0.8rem;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}

.hidden {
  display: none;
}

.img-center {
  display: block;
  margin: auto;
  max-width: 100%;
}

.container, .center {
  margin-left: auto;
  margin-right: auto;
}

.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-help {
  cursor: help;
}

.overflow-hidden {
  overflow: hidden;
}

.transition {
  transition: 300ms;
}

.font-md {
  font-size: 1rem;
}
.font-xs {
  font-size: 0.75rem;
}
.font-sm {
  font-size: 0.88rem;
}
.font-lg {
  font-size: 1.13rem;
}
.font-xl {
  font-size: 1.25rem;
}
.font-2xl {
  font-size: 1.5rem;
}
.font-3xl {
  font-size: 1.75rem;
}
.font-4xl {
  font-size: 2.25rem;
}
.font-normal {
  font-weight: 400;
}
.font-bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

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

.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-tight {
  line-height: 1.25;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 1.8;
}

.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

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

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

.list-inline, .list-unstyled {
  list-style: none;
  padding-left: 0;
}

.list-inline > li {
  display: inline-block;
}
.list-inline > li:not(:last-child) {
  margin-right: 8px;
}

.border {
  border: var(--border-width) solid var(--border-color);
}
.border-0 {
  border-width: 0;
}

.m-0 {
  margin: 0;
}

.ml-0 {
  margin-left: 0;
}

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

.mr-0 {
  margin-right: 0;
}

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

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

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

.m-0\.5 {
  margin: 0.125rem;
}

.ml-0\.5 {
  margin-left: 0.125rem;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.m-1 {
  margin: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.m-2\.5 {
  margin: 0.625rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mx-2\.5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.m-3 {
  margin: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-7 {
  margin: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.m-8 {
  margin: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-10 {
  margin: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.m-16 {
  margin: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.m-25 {
  margin: 6.25rem;
}

.ml-25 {
  margin-left: 6.25rem;
}

.mt-25 {
  margin-top: 6.25rem;
}

.mr-25 {
  margin-right: 6.25rem;
}

.mb-25 {
  margin-bottom: 6.25rem;
}

.mx-25 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}

.my-25 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.p-0 {
  padding: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p-0\.5 {
  padding: 0.125rem;
}

.pl-0\.5 {
  padding-left: 0.125rem;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pr-0\.5 {
  padding-right: 0.125rem;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-10 {
  padding: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.p-16 {
  padding: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.p-25 {
  padding: 6.25rem;
}

.pl-25 {
  padding-left: 6.25rem;
}

.pt-25 {
  padding-top: 6.25rem;
}

.pr-25 {
  padding-right: 6.25rem;
}

.pb-25 {
  padding-bottom: 6.25rem;
}

.px-25 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.py-25 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

@media (min-width: 35.5em) {
  .xs\:m-0 {
    margin: 0;
  }
  .xs\:ml-0 {
    margin-left: 0;
  }
  .xs\:mt-0 {
    margin-top: 0;
  }
  .xs\:mr-0 {
    margin-right: 0;
  }
  .xs\:mb-0 {
    margin-bottom: 0;
  }
  .xs\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .xs\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xs\:m-0\.5 {
    margin: 0.125rem;
  }
  .xs\:ml-0\.5 {
    margin-left: 0.125rem;
  }
  .xs\:mt-0\.5 {
    margin-top: 0.125rem;
  }
  .xs\:mr-0\.5 {
    margin-right: 0.125rem;
  }
  .xs\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }
  .xs\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .xs\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .xs\:m-1 {
    margin: 0.25rem;
  }
  .xs\:ml-1 {
    margin-left: 0.25rem;
  }
  .xs\:mt-1 {
    margin-top: 0.25rem;
  }
  .xs\:mr-1 {
    margin-right: 0.25rem;
  }
  .xs\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .xs\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .xs\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xs\:m-2 {
    margin: 0.5rem;
  }
  .xs\:ml-2 {
    margin-left: 0.5rem;
  }
  .xs\:mt-2 {
    margin-top: 0.5rem;
  }
  .xs\:mr-2 {
    margin-right: 0.5rem;
  }
  .xs\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .xs\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xs\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xs\:m-2\.5 {
    margin: 0.625rem;
  }
  .xs\:ml-2\.5 {
    margin-left: 0.625rem;
  }
  .xs\:mt-2\.5 {
    margin-top: 0.625rem;
  }
  .xs\:mr-2\.5 {
    margin-right: 0.625rem;
  }
  .xs\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }
  .xs\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .xs\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .xs\:m-3 {
    margin: 0.75rem;
  }
  .xs\:ml-3 {
    margin-left: 0.75rem;
  }
  .xs\:mt-3 {
    margin-top: 0.75rem;
  }
  .xs\:mr-3 {
    margin-right: 0.75rem;
  }
  .xs\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .xs\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .xs\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .xs\:m-4 {
    margin: 1rem;
  }
  .xs\:ml-4 {
    margin-left: 1rem;
  }
  .xs\:mt-4 {
    margin-top: 1rem;
  }
  .xs\:mr-4 {
    margin-right: 1rem;
  }
  .xs\:mb-4 {
    margin-bottom: 1rem;
  }
  .xs\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xs\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xs\:m-5 {
    margin: 1.25rem;
  }
  .xs\:ml-5 {
    margin-left: 1.25rem;
  }
  .xs\:mt-5 {
    margin-top: 1.25rem;
  }
  .xs\:mr-5 {
    margin-right: 1.25rem;
  }
  .xs\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .xs\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .xs\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .xs\:m-6 {
    margin: 1.5rem;
  }
  .xs\:ml-6 {
    margin-left: 1.5rem;
  }
  .xs\:mt-6 {
    margin-top: 1.5rem;
  }
  .xs\:mr-6 {
    margin-right: 1.5rem;
  }
  .xs\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .xs\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .xs\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .xs\:m-7 {
    margin: 1.75rem;
  }
  .xs\:ml-7 {
    margin-left: 1.75rem;
  }
  .xs\:mt-7 {
    margin-top: 1.75rem;
  }
  .xs\:mr-7 {
    margin-right: 1.75rem;
  }
  .xs\:mb-7 {
    margin-bottom: 1.75rem;
  }
  .xs\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .xs\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .xs\:m-8 {
    margin: 2rem;
  }
  .xs\:ml-8 {
    margin-left: 2rem;
  }
  .xs\:mt-8 {
    margin-top: 2rem;
  }
  .xs\:mr-8 {
    margin-right: 2rem;
  }
  .xs\:mb-8 {
    margin-bottom: 2rem;
  }
  .xs\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xs\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xs\:m-10 {
    margin: 2.5rem;
  }
  .xs\:ml-10 {
    margin-left: 2.5rem;
  }
  .xs\:mt-10 {
    margin-top: 2.5rem;
  }
  .xs\:mr-10 {
    margin-right: 2.5rem;
  }
  .xs\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .xs\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .xs\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .xs\:m-12 {
    margin: 3rem;
  }
  .xs\:ml-12 {
    margin-left: 3rem;
  }
  .xs\:mt-12 {
    margin-top: 3rem;
  }
  .xs\:mr-12 {
    margin-right: 3rem;
  }
  .xs\:mb-12 {
    margin-bottom: 3rem;
  }
  .xs\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .xs\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .xs\:m-16 {
    margin: 4rem;
  }
  .xs\:ml-16 {
    margin-left: 4rem;
  }
  .xs\:mt-16 {
    margin-top: 4rem;
  }
  .xs\:mr-16 {
    margin-right: 4rem;
  }
  .xs\:mb-16 {
    margin-bottom: 4rem;
  }
  .xs\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .xs\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .xs\:m-25 {
    margin: 6.25rem;
  }
  .xs\:ml-25 {
    margin-left: 6.25rem;
  }
  .xs\:mt-25 {
    margin-top: 6.25rem;
  }
  .xs\:mr-25 {
    margin-right: 6.25rem;
  }
  .xs\:mb-25 {
    margin-bottom: 6.25rem;
  }
  .xs\:mx-25 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .xs\:my-25 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .xs\:p-0 {
    padding: 0;
  }
  .xs\:pl-0 {
    padding-left: 0;
  }
  .xs\:pt-0 {
    padding-top: 0;
  }
  .xs\:pr-0 {
    padding-right: 0;
  }
  .xs\:pb-0 {
    padding-bottom: 0;
  }
  .xs\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xs\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xs\:p-0\.5 {
    padding: 0.125rem;
  }
  .xs\:pl-0\.5 {
    padding-left: 0.125rem;
  }
  .xs\:pt-0\.5 {
    padding-top: 0.125rem;
  }
  .xs\:pr-0\.5 {
    padding-right: 0.125rem;
  }
  .xs\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }
  .xs\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .xs\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .xs\:p-1 {
    padding: 0.25rem;
  }
  .xs\:pl-1 {
    padding-left: 0.25rem;
  }
  .xs\:pt-1 {
    padding-top: 0.25rem;
  }
  .xs\:pr-1 {
    padding-right: 0.25rem;
  }
  .xs\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .xs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xs\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xs\:p-2 {
    padding: 0.5rem;
  }
  .xs\:pl-2 {
    padding-left: 0.5rem;
  }
  .xs\:pt-2 {
    padding-top: 0.5rem;
  }
  .xs\:pr-2 {
    padding-right: 0.5rem;
  }
  .xs\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .xs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xs\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xs\:p-2\.5 {
    padding: 0.625rem;
  }
  .xs\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .xs\:pt-2\.5 {
    padding-top: 0.625rem;
  }
  .xs\:pr-2\.5 {
    padding-right: 0.625rem;
  }
  .xs\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }
  .xs\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .xs\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .xs\:p-3 {
    padding: 0.75rem;
  }
  .xs\:pl-3 {
    padding-left: 0.75rem;
  }
  .xs\:pt-3 {
    padding-top: 0.75rem;
  }
  .xs\:pr-3 {
    padding-right: 0.75rem;
  }
  .xs\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .xs\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xs\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xs\:p-4 {
    padding: 1rem;
  }
  .xs\:pl-4 {
    padding-left: 1rem;
  }
  .xs\:pt-4 {
    padding-top: 1rem;
  }
  .xs\:pr-4 {
    padding-right: 1rem;
  }
  .xs\:pb-4 {
    padding-bottom: 1rem;
  }
  .xs\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xs\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xs\:p-5 {
    padding: 1.25rem;
  }
  .xs\:pl-5 {
    padding-left: 1.25rem;
  }
  .xs\:pt-5 {
    padding-top: 1.25rem;
  }
  .xs\:pr-5 {
    padding-right: 1.25rem;
  }
  .xs\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .xs\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .xs\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .xs\:p-6 {
    padding: 1.5rem;
  }
  .xs\:pl-6 {
    padding-left: 1.5rem;
  }
  .xs\:pt-6 {
    padding-top: 1.5rem;
  }
  .xs\:pr-6 {
    padding-right: 1.5rem;
  }
  .xs\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .xs\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xs\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xs\:p-7 {
    padding: 1.75rem;
  }
  .xs\:pl-7 {
    padding-left: 1.75rem;
  }
  .xs\:pt-7 {
    padding-top: 1.75rem;
  }
  .xs\:pr-7 {
    padding-right: 1.75rem;
  }
  .xs\:pb-7 {
    padding-bottom: 1.75rem;
  }
  .xs\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .xs\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .xs\:p-8 {
    padding: 2rem;
  }
  .xs\:pl-8 {
    padding-left: 2rem;
  }
  .xs\:pt-8 {
    padding-top: 2rem;
  }
  .xs\:pr-8 {
    padding-right: 2rem;
  }
  .xs\:pb-8 {
    padding-bottom: 2rem;
  }
  .xs\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xs\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xs\:p-10 {
    padding: 2.5rem;
  }
  .xs\:pl-10 {
    padding-left: 2.5rem;
  }
  .xs\:pt-10 {
    padding-top: 2.5rem;
  }
  .xs\:pr-10 {
    padding-right: 2.5rem;
  }
  .xs\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .xs\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xs\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xs\:p-12 {
    padding: 3rem;
  }
  .xs\:pl-12 {
    padding-left: 3rem;
  }
  .xs\:pt-12 {
    padding-top: 3rem;
  }
  .xs\:pr-12 {
    padding-right: 3rem;
  }
  .xs\:pb-12 {
    padding-bottom: 3rem;
  }
  .xs\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xs\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xs\:p-16 {
    padding: 4rem;
  }
  .xs\:pl-16 {
    padding-left: 4rem;
  }
  .xs\:pt-16 {
    padding-top: 4rem;
  }
  .xs\:pr-16 {
    padding-right: 4rem;
  }
  .xs\:pb-16 {
    padding-bottom: 4rem;
  }
  .xs\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .xs\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .xs\:p-25 {
    padding: 6.25rem;
  }
  .xs\:pl-25 {
    padding-left: 6.25rem;
  }
  .xs\:pt-25 {
    padding-top: 6.25rem;
  }
  .xs\:pr-25 {
    padding-right: 6.25rem;
  }
  .xs\:pb-25 {
    padding-bottom: 6.25rem;
  }
  .xs\:px-25 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .xs\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 48em) {
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:ml-0 {
    margin-left: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm\:m-0\.5 {
    margin: 0.125rem;
  }
  .sm\:ml-0\.5 {
    margin-left: 0.125rem;
  }
  .sm\:mt-0\.5 {
    margin-top: 0.125rem;
  }
  .sm\:mr-0\.5 {
    margin-right: 0.125rem;
  }
  .sm\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }
  .sm\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .sm\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .sm\:m-1 {
    margin: 0.25rem;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sm\:m-2 {
    margin: 0.5rem;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm\:m-2\.5 {
    margin: 0.625rem;
  }
  .sm\:ml-2\.5 {
    margin-left: 0.625rem;
  }
  .sm\:mt-2\.5 {
    margin-top: 0.625rem;
  }
  .sm\:mr-2\.5 {
    margin-right: 0.625rem;
  }
  .sm\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }
  .sm\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .sm\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .sm\:m-3 {
    margin: 0.75rem;
  }
  .sm\:ml-3 {
    margin-left: 0.75rem;
  }
  .sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .sm\:mr-3 {
    margin-right: 0.75rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .sm\:m-4 {
    margin: 1rem;
  }
  .sm\:ml-4 {
    margin-left: 1rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:mr-4 {
    margin-right: 1rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm\:m-5 {
    margin: 1.25rem;
  }
  .sm\:ml-5 {
    margin-left: 1.25rem;
  }
  .sm\:mt-5 {
    margin-top: 1.25rem;
  }
  .sm\:mr-5 {
    margin-right: 1.25rem;
  }
  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .sm\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .sm\:m-6 {
    margin: 1.5rem;
  }
  .sm\:ml-6 {
    margin-left: 1.5rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:mr-6 {
    margin-right: 1.5rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .sm\:m-7 {
    margin: 1.75rem;
  }
  .sm\:ml-7 {
    margin-left: 1.75rem;
  }
  .sm\:mt-7 {
    margin-top: 1.75rem;
  }
  .sm\:mr-7 {
    margin-right: 1.75rem;
  }
  .sm\:mb-7 {
    margin-bottom: 1.75rem;
  }
  .sm\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .sm\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .sm\:m-8 {
    margin: 2rem;
  }
  .sm\:ml-8 {
    margin-left: 2rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:mr-8 {
    margin-right: 2rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm\:m-10 {
    margin: 2.5rem;
  }
  .sm\:ml-10 {
    margin-left: 2.5rem;
  }
  .sm\:mt-10 {
    margin-top: 2.5rem;
  }
  .sm\:mr-10 {
    margin-right: 2.5rem;
  }
  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .sm\:m-12 {
    margin: 3rem;
  }
  .sm\:ml-12 {
    margin-left: 3rem;
  }
  .sm\:mt-12 {
    margin-top: 3rem;
  }
  .sm\:mr-12 {
    margin-right: 3rem;
  }
  .sm\:mb-12 {
    margin-bottom: 3rem;
  }
  .sm\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .sm\:m-16 {
    margin: 4rem;
  }
  .sm\:ml-16 {
    margin-left: 4rem;
  }
  .sm\:mt-16 {
    margin-top: 4rem;
  }
  .sm\:mr-16 {
    margin-right: 4rem;
  }
  .sm\:mb-16 {
    margin-bottom: 4rem;
  }
  .sm\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .sm\:m-25 {
    margin: 6.25rem;
  }
  .sm\:ml-25 {
    margin-left: 6.25rem;
  }
  .sm\:mt-25 {
    margin-top: 6.25rem;
  }
  .sm\:mr-25 {
    margin-right: 6.25rem;
  }
  .sm\:mb-25 {
    margin-bottom: 6.25rem;
  }
  .sm\:mx-25 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .sm\:my-25 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:pl-0 {
    padding-left: 0;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:p-0\.5 {
    padding: 0.125rem;
  }
  .sm\:pl-0\.5 {
    padding-left: 0.125rem;
  }
  .sm\:pt-0\.5 {
    padding-top: 0.125rem;
  }
  .sm\:pr-0\.5 {
    padding-right: 0.125rem;
  }
  .sm\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }
  .sm\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .sm\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:p-2\.5 {
    padding: 0.625rem;
  }
  .sm\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .sm\:pt-2\.5 {
    padding-top: 0.625rem;
  }
  .sm\:pr-2\.5 {
    padding-right: 0.625rem;
  }
  .sm\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }
  .sm\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sm\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:pl-3 {
    padding-left: 0.75rem;
  }
  .sm\:pt-3 {
    padding-top: 0.75rem;
  }
  .sm\:pr-3 {
    padding-right: 0.75rem;
  }
  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:pl-4 {
    padding-left: 1rem;
  }
  .sm\:pt-4 {
    padding-top: 1rem;
  }
  .sm\:pr-4 {
    padding-right: 1rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:pl-5 {
    padding-left: 1.25rem;
  }
  .sm\:pt-5 {
    padding-top: 1.25rem;
  }
  .sm\:pr-5 {
    padding-right: 1.25rem;
  }
  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:pl-6 {
    padding-left: 1.5rem;
  }
  .sm\:pt-6 {
    padding-top: 1.5rem;
  }
  .sm\:pr-6 {
    padding-right: 1.5rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:p-7 {
    padding: 1.75rem;
  }
  .sm\:pl-7 {
    padding-left: 1.75rem;
  }
  .sm\:pt-7 {
    padding-top: 1.75rem;
  }
  .sm\:pr-7 {
    padding-right: 1.75rem;
  }
  .sm\:pb-7 {
    padding-bottom: 1.75rem;
  }
  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:pl-8 {
    padding-left: 2rem;
  }
  .sm\:pt-8 {
    padding-top: 2rem;
  }
  .sm\:pr-8 {
    padding-right: 2rem;
  }
  .sm\:pb-8 {
    padding-bottom: 2rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:p-10 {
    padding: 2.5rem;
  }
  .sm\:pl-10 {
    padding-left: 2.5rem;
  }
  .sm\:pt-10 {
    padding-top: 2.5rem;
  }
  .sm\:pr-10 {
    padding-right: 2.5rem;
  }
  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:p-12 {
    padding: 3rem;
  }
  .sm\:pl-12 {
    padding-left: 3rem;
  }
  .sm\:pt-12 {
    padding-top: 3rem;
  }
  .sm\:pr-12 {
    padding-right: 3rem;
  }
  .sm\:pb-12 {
    padding-bottom: 3rem;
  }
  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:p-16 {
    padding: 4rem;
  }
  .sm\:pl-16 {
    padding-left: 4rem;
  }
  .sm\:pt-16 {
    padding-top: 4rem;
  }
  .sm\:pr-16 {
    padding-right: 4rem;
  }
  .sm\:pb-16 {
    padding-bottom: 4rem;
  }
  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:p-25 {
    padding: 6.25rem;
  }
  .sm\:pl-25 {
    padding-left: 6.25rem;
  }
  .sm\:pt-25 {
    padding-top: 6.25rem;
  }
  .sm\:pr-25 {
    padding-right: 6.25rem;
  }
  .sm\:pb-25 {
    padding-bottom: 6.25rem;
  }
  .sm\:px-25 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .sm\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 64em) {
  .md\:m-0 {
    margin: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md\:m-0\.5 {
    margin: 0.125rem;
  }
  .md\:ml-0\.5 {
    margin-left: 0.125rem;
  }
  .md\:mt-0\.5 {
    margin-top: 0.125rem;
  }
  .md\:mr-0\.5 {
    margin-right: 0.125rem;
  }
  .md\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }
  .md\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .md\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .md\:m-1 {
    margin: 0.25rem;
  }
  .md\:ml-1 {
    margin-left: 0.25rem;
  }
  .md\:mt-1 {
    margin-top: 0.25rem;
  }
  .md\:mr-1 {
    margin-right: 0.25rem;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .md\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .md\:m-2 {
    margin: 0.5rem;
  }
  .md\:ml-2 {
    margin-left: 0.5rem;
  }
  .md\:mt-2 {
    margin-top: 0.5rem;
  }
  .md\:mr-2 {
    margin-right: 0.5rem;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md\:m-2\.5 {
    margin: 0.625rem;
  }
  .md\:ml-2\.5 {
    margin-left: 0.625rem;
  }
  .md\:mt-2\.5 {
    margin-top: 0.625rem;
  }
  .md\:mr-2\.5 {
    margin-right: 0.625rem;
  }
  .md\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }
  .md\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .md\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .md\:m-3 {
    margin: 0.75rem;
  }
  .md\:ml-3 {
    margin-left: 0.75rem;
  }
  .md\:mt-3 {
    margin-top: 0.75rem;
  }
  .md\:mr-3 {
    margin-right: 0.75rem;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .md\:m-4 {
    margin: 1rem;
  }
  .md\:ml-4 {
    margin-left: 1rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md\:m-5 {
    margin: 1.25rem;
  }
  .md\:ml-5 {
    margin-left: 1.25rem;
  }
  .md\:mt-5 {
    margin-top: 1.25rem;
  }
  .md\:mr-5 {
    margin-right: 1.25rem;
  }
  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .md\:m-6 {
    margin: 1.5rem;
  }
  .md\:ml-6 {
    margin-left: 1.5rem;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:mr-6 {
    margin-right: 1.5rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .md\:m-7 {
    margin: 1.75rem;
  }
  .md\:ml-7 {
    margin-left: 1.75rem;
  }
  .md\:mt-7 {
    margin-top: 1.75rem;
  }
  .md\:mr-7 {
    margin-right: 1.75rem;
  }
  .md\:mb-7 {
    margin-bottom: 1.75rem;
  }
  .md\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .md\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .md\:m-8 {
    margin: 2rem;
  }
  .md\:ml-8 {
    margin-left: 2rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:mr-8 {
    margin-right: 2rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md\:m-10 {
    margin: 2.5rem;
  }
  .md\:ml-10 {
    margin-left: 2.5rem;
  }
  .md\:mt-10 {
    margin-top: 2.5rem;
  }
  .md\:mr-10 {
    margin-right: 2.5rem;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .md\:m-12 {
    margin: 3rem;
  }
  .md\:ml-12 {
    margin-left: 3rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mr-12 {
    margin-right: 3rem;
  }
  .md\:mb-12 {
    margin-bottom: 3rem;
  }
  .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .md\:m-16 {
    margin: 4rem;
  }
  .md\:ml-16 {
    margin-left: 4rem;
  }
  .md\:mt-16 {
    margin-top: 4rem;
  }
  .md\:mr-16 {
    margin-right: 4rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md\:m-25 {
    margin: 6.25rem;
  }
  .md\:ml-25 {
    margin-left: 6.25rem;
  }
  .md\:mt-25 {
    margin-top: 6.25rem;
  }
  .md\:mr-25 {
    margin-right: 6.25rem;
  }
  .md\:mb-25 {
    margin-bottom: 6.25rem;
  }
  .md\:mx-25 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .md\:my-25 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:p-0\.5 {
    padding: 0.125rem;
  }
  .md\:pl-0\.5 {
    padding-left: 0.125rem;
  }
  .md\:pt-0\.5 {
    padding-top: 0.125rem;
  }
  .md\:pr-0\.5 {
    padding-right: 0.125rem;
  }
  .md\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }
  .md\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .md\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .md\:p-1 {
    padding: 0.25rem;
  }
  .md\:pl-1 {
    padding-left: 0.25rem;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:pr-1 {
    padding-right: 0.25rem;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:pl-2 {
    padding-left: 0.5rem;
  }
  .md\:pt-2 {
    padding-top: 0.5rem;
  }
  .md\:pr-2 {
    padding-right: 0.5rem;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:p-2\.5 {
    padding: 0.625rem;
  }
  .md\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .md\:pt-2\.5 {
    padding-top: 0.625rem;
  }
  .md\:pr-2\.5 {
    padding-right: 0.625rem;
  }
  .md\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }
  .md\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .md\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .md\:p-3 {
    padding: 0.75rem;
  }
  .md\:pl-3 {
    padding-left: 0.75rem;
  }
  .md\:pt-3 {
    padding-top: 0.75rem;
  }
  .md\:pr-3 {
    padding-right: 0.75rem;
  }
  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:pl-4 {
    padding-left: 1rem;
  }
  .md\:pt-4 {
    padding-top: 1rem;
  }
  .md\:pr-4 {
    padding-right: 1rem;
  }
  .md\:pb-4 {
    padding-bottom: 1rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:p-5 {
    padding: 1.25rem;
  }
  .md\:pl-5 {
    padding-left: 1.25rem;
  }
  .md\:pt-5 {
    padding-top: 1.25rem;
  }
  .md\:pr-5 {
    padding-right: 1.25rem;
  }
  .md\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pt-6 {
    padding-top: 1.5rem;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:p-7 {
    padding: 1.75rem;
  }
  .md\:pl-7 {
    padding-left: 1.75rem;
  }
  .md\:pt-7 {
    padding-top: 1.75rem;
  }
  .md\:pr-7 {
    padding-right: 1.75rem;
  }
  .md\:pb-7 {
    padding-bottom: 1.75rem;
  }
  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:pl-8 {
    padding-left: 2rem;
  }
  .md\:pt-8 {
    padding-top: 2rem;
  }
  .md\:pr-8 {
    padding-right: 2rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:pl-10 {
    padding-left: 2.5rem;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pr-10 {
    padding-right: 2.5rem;
  }
  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:pl-12 {
    padding-left: 3rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pr-12 {
    padding-right: 3rem;
  }
  .md\:pb-12 {
    padding-bottom: 3rem;
  }
  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:p-16 {
    padding: 4rem;
  }
  .md\:pl-16 {
    padding-left: 4rem;
  }
  .md\:pt-16 {
    padding-top: 4rem;
  }
  .md\:pr-16 {
    padding-right: 4rem;
  }
  .md\:pb-16 {
    padding-bottom: 4rem;
  }
  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:p-25 {
    padding: 6.25rem;
  }
  .md\:pl-25 {
    padding-left: 6.25rem;
  }
  .md\:pt-25 {
    padding-top: 6.25rem;
  }
  .md\:pr-25 {
    padding-right: 6.25rem;
  }
  .md\:pb-25 {
    padding-bottom: 6.25rem;
  }
  .md\:px-25 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .md\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 80em) {
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:ml-0 {
    margin-left: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mr-0 {
    margin-right: 0;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg\:m-0\.5 {
    margin: 0.125rem;
  }
  .lg\:ml-0\.5 {
    margin-left: 0.125rem;
  }
  .lg\:mt-0\.5 {
    margin-top: 0.125rem;
  }
  .lg\:mr-0\.5 {
    margin-right: 0.125rem;
  }
  .lg\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }
  .lg\:mx-0\.5 {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  .lg\:my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .lg\:m-1 {
    margin: 0.25rem;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .lg\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .lg\:m-2 {
    margin: 0.5rem;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg\:m-2\.5 {
    margin: 0.625rem;
  }
  .lg\:ml-2\.5 {
    margin-left: 0.625rem;
  }
  .lg\:mt-2\.5 {
    margin-top: 0.625rem;
  }
  .lg\:mr-2\.5 {
    margin-right: 0.625rem;
  }
  .lg\:mb-2\.5 {
    margin-bottom: 0.625rem;
  }
  .lg\:mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
  .lg\:my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  .lg\:m-3 {
    margin: 0.75rem;
  }
  .lg\:ml-3 {
    margin-left: 0.75rem;
  }
  .lg\:mt-3 {
    margin-top: 0.75rem;
  }
  .lg\:mr-3 {
    margin-right: 0.75rem;
  }
  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .lg\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .lg\:m-4 {
    margin: 1rem;
  }
  .lg\:ml-4 {
    margin-left: 1rem;
  }
  .lg\:mt-4 {
    margin-top: 1rem;
  }
  .lg\:mr-4 {
    margin-right: 1rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg\:m-5 {
    margin: 1.25rem;
  }
  .lg\:ml-5 {
    margin-left: 1.25rem;
  }
  .lg\:mt-5 {
    margin-top: 1.25rem;
  }
  .lg\:mr-5 {
    margin-right: 1.25rem;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .lg\:m-6 {
    margin: 1.5rem;
  }
  .lg\:ml-6 {
    margin-left: 1.5rem;
  }
  .lg\:mt-6 {
    margin-top: 1.5rem;
  }
  .lg\:mr-6 {
    margin-right: 1.5rem;
  }
  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .lg\:m-7 {
    margin: 1.75rem;
  }
  .lg\:ml-7 {
    margin-left: 1.75rem;
  }
  .lg\:mt-7 {
    margin-top: 1.75rem;
  }
  .lg\:mr-7 {
    margin-right: 1.75rem;
  }
  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }
  .lg\:mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .lg\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .lg\:m-8 {
    margin: 2rem;
  }
  .lg\:ml-8 {
    margin-left: 2rem;
  }
  .lg\:mt-8 {
    margin-top: 2rem;
  }
  .lg\:mr-8 {
    margin-right: 2rem;
  }
  .lg\:mb-8 {
    margin-bottom: 2rem;
  }
  .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg\:m-10 {
    margin: 2.5rem;
  }
  .lg\:ml-10 {
    margin-left: 2.5rem;
  }
  .lg\:mt-10 {
    margin-top: 2.5rem;
  }
  .lg\:mr-10 {
    margin-right: 2.5rem;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .lg\:m-12 {
    margin: 3rem;
  }
  .lg\:ml-12 {
    margin-left: 3rem;
  }
  .lg\:mt-12 {
    margin-top: 3rem;
  }
  .lg\:mr-12 {
    margin-right: 3rem;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .lg\:m-16 {
    margin: 4rem;
  }
  .lg\:ml-16 {
    margin-left: 4rem;
  }
  .lg\:mt-16 {
    margin-top: 4rem;
  }
  .lg\:mr-16 {
    margin-right: 4rem;
  }
  .lg\:mb-16 {
    margin-bottom: 4rem;
  }
  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .lg\:m-25 {
    margin: 6.25rem;
  }
  .lg\:ml-25 {
    margin-left: 6.25rem;
  }
  .lg\:mt-25 {
    margin-top: 6.25rem;
  }
  .lg\:mr-25 {
    margin-right: 6.25rem;
  }
  .lg\:mb-25 {
    margin-bottom: 6.25rem;
  }
  .lg\:mx-25 {
    margin-left: 6.25rem;
    margin-right: 6.25rem;
  }
  .lg\:my-25 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  .lg\:pt-0 {
    padding-top: 0;
  }
  .lg\:pr-0 {
    padding-right: 0;
  }
  .lg\:pb-0 {
    padding-bottom: 0;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg\:p-0\.5 {
    padding: 0.125rem;
  }
  .lg\:pl-0\.5 {
    padding-left: 0.125rem;
  }
  .lg\:pt-0\.5 {
    padding-top: 0.125rem;
  }
  .lg\:pr-0\.5 {
    padding-right: 0.125rem;
  }
  .lg\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }
  .lg\:px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .lg\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg\:p-2 {
    padding: 0.5rem;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:p-2\.5 {
    padding: 0.625rem;
  }
  .lg\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .lg\:pt-2\.5 {
    padding-top: 0.625rem;
  }
  .lg\:pr-2\.5 {
    padding-right: 0.625rem;
  }
  .lg\:pb-2\.5 {
    padding-bottom: 0.625rem;
  }
  .lg\:px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .lg\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:pl-3 {
    padding-left: 0.75rem;
  }
  .lg\:pt-3 {
    padding-top: 0.75rem;
  }
  .lg\:pr-3 {
    padding-right: 0.75rem;
  }
  .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:p-4 {
    padding: 1rem;
  }
  .lg\:pl-4 {
    padding-left: 1rem;
  }
  .lg\:pt-4 {
    padding-top: 1rem;
  }
  .lg\:pr-4 {
    padding-right: 1rem;
  }
  .lg\:pb-4 {
    padding-bottom: 1rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:p-5 {
    padding: 1.25rem;
  }
  .lg\:pl-5 {
    padding-left: 1.25rem;
  }
  .lg\:pt-5 {
    padding-top: 1.25rem;
  }
  .lg\:pr-5 {
    padding-right: 1.25rem;
  }
  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:pl-6 {
    padding-left: 1.5rem;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:pr-6 {
    padding-right: 1.5rem;
  }
  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:p-7 {
    padding: 1.75rem;
  }
  .lg\:pl-7 {
    padding-left: 1.75rem;
  }
  .lg\:pt-7 {
    padding-top: 1.75rem;
  }
  .lg\:pr-7 {
    padding-right: 1.75rem;
  }
  .lg\:pb-7 {
    padding-bottom: 1.75rem;
  }
  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:pl-8 {
    padding-left: 2rem;
  }
  .lg\:pt-8 {
    padding-top: 2rem;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:pb-8 {
    padding-bottom: 2rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:pl-10 {
    padding-left: 2.5rem;
  }
  .lg\:pt-10 {
    padding-top: 2.5rem;
  }
  .lg\:pr-10 {
    padding-right: 2.5rem;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
  .lg\:pl-12 {
    padding-left: 3rem;
  }
  .lg\:pt-12 {
    padding-top: 3rem;
  }
  .lg\:pr-12 {
    padding-right: 3rem;
  }
  .lg\:pb-12 {
    padding-bottom: 3rem;
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:p-16 {
    padding: 4rem;
  }
  .lg\:pl-16 {
    padding-left: 4rem;
  }
  .lg\:pt-16 {
    padding-top: 4rem;
  }
  .lg\:pr-16 {
    padding-right: 4rem;
  }
  .lg\:pb-16 {
    padding-bottom: 4rem;
  }
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:p-25 {
    padding: 6.25rem;
  }
  .lg\:pl-25 {
    padding-left: 6.25rem;
  }
  .lg\:pt-25 {
    padding-top: 6.25rem;
  }
  .lg\:pr-25 {
    padding-right: 6.25rem;
  }
  .lg\:pb-25 {
    padding-bottom: 6.25rem;
  }
  .lg\:px-25 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .lg\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}
html, body {
  height: 100%;
}

body {
  position: relative;
  transition: left 0.35s;
  left: 0;
}

#wrapper {
  margin-bottom: -183.5px;
  min-height: 100%;
  padding-bottom: 183.5px;
  background: #fff;
}

.container {
  max-width: 1400px;
}
@media (max-width: 90.5em) {
  .container {
    padding-right: 24px;
    padding-left: 24px;
  }
}

#header {
  background-color: var(--primary);
  position: relative;
  z-index: 3;
}
@media (min-width: 64em) {
  #header {
    background-color: #403D3C;
    height: 100px;
  }
  #header::before {
    content: "";
    display: block;
    border-top: 2px solid var(--primary);
    position: absolute;
    top: 40px;
    width: 100%;
  }
}
@media (max-width: 63.99em) {
  #header {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  }
}

.logo {
  background: url("../images/sym-logo.svg") no-repeat var(--sym-logo-sp, 0 center/50px auto), url("../images/sym-text.svg") no-repeat var(--sym-text-sp, 58px center/auto 22px);
  margin: 16px 0 0 18px;
  position: relative;
  width: calc(100% - 80px);
  height: 40px;
}
@media (min-width: 35.5em) {
  .logo {
    --sym-logo-sp: 0 center/65px auto;
    --sym-text-sp: 75px center/auto 30px;
  }
}
@media (min-width: 64em) {
  .logo {
    --sym-logo-sp: center 10px/100px auto;
    --sym-text-sp: center 71px/111px auto;
    background-color: var(--primary);
    margin: 0;
    position: absolute;
    left: 0;
    width: 190px;
    height: 100px;
  }
  .logo::after {
    content: "";
    display: block;
    border: solid transparent;
    width: 0;
    height: 0;
    border-width: 20px 95px 0 95px;
    border-top-color: var(--primary);
    position: absolute;
    left: 0;
    top: 100%;
  }
}
@media (max-width: 63.99em) {
  .logo {
    float: left;
  }
}

.logo-link {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.text-hide, .logo-link {
  text-indent: 101%;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width: 64em) {
  .nav {
    position: absolute;
    right: 24px;
    top: 8px;
  }
}
@media (max-width: 63.99em) {
  .nav {
    line-height: 1.5;
    padding: 8px;
    order: 2;
  }
}

.nav-link {
  color: #aaa6a4;
  font-size: 0.88em;
  display: inline-block;
}
@media (min-width: 64em) {
  .nav-link:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 63.99em) {
  .nav-link:not(:last-child)::after {
    content: "/";
    color: #6E6661;
    margin: 0 5px;
  }
}
.nav-link:hover, .nav-link.active {
  color: #ffbf08;
}

@media (min-width: 64em) {
  .navbar {
    --navbar-margin-l: 200px;
    float: right;
    display: flex;
    justify-content: space-between;
    margin-top: 51px;
    width: calc(100% - var(--navbar-margin-l));
  }
  .navbar::after {
    display: table;
    content: "";
    clear: both;
  }
}
@media (min-width: 80em) {
  .navbar {
    --navbar-margin-l: 250px;
  }
}

.navbar-link {
  display: block;
  color: #fff;
  font-size: 1.06em;
}
.navbar-link:hover, .navbar-link:active, .navbar-link.active {
  color: var(--warning);
}
@media (min-width: 64em) {
  .navbar-link {
    padding: 14px 0.75%;
    position: relative;
  }
  .navbar-link::before {
    border: solid transparent;
    width: 0;
    height: 0;
    border-width: 14px 45px 0 45px;
    border-top-color: #403D3C;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 90%;
    transition: 400ms;
    opacity: 0;
  }
  .navbar-link:hover::before, .navbar-link:active::before, .navbar-link.active::before {
    top: 100%;
    transition-delay: 100ms;
    opacity: 1;
    z-index: 2;
  }
}
@media (max-width: 63.99em) {
  .navbar-link {
    border-left: 3px solid var(--danger);
    border-bottom: 1px solid #6E6661;
    padding: 14px 16px;
  }
  .navbar-link.active {
    background-color: #393129;
  }
}

.navbar-burger {
  cursor: pointer;
  transition: 600ms;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
  float: left;
  margin: 12px 0;
  padding: 6px 8px 0;
  height: 50px;
  width: 50px;
}
.navbar-burger .line {
  display: block;
  margin-bottom: 6px;
  position: relative;
}
.navbar-burger .line::before, .navbar-burger .line::after {
  position: absolute;
}
.zoom-icon::before, .hover\:zoom.has-icon::before, .submenu_link::after, .navbar-burger .line::before, .navbar-burger .line::after {
  content: "";
  display: block;
}

.navbar-burger .line, .navbar-burger .line::before, .navbar-burger .line::after {
  background-color: #C5665C;
  width: 100%;
  height: 3px;
  transition: 0.35s;
}
.navbar-burger .line::before {
  transform: translateY(-10px);
}
.navbar-burger .line::after {
  transform: translateY(10px);
}
.navbar-burger.active {
  top: 10px;
  transition-delay: margin-top 300ms 200ms;
}
.navbar-burger.active .line {
  background-color: transparent;
}
.navbar-burger.active .line::before {
  transform: rotate(45deg);
}
.navbar-burger.active .line::after {
  transform: rotate(-45deg);
}
@media (min-width: 64em) {
  .navbar-burger {
    display: none;
  }
}

@media (max-width: 63.99em) {
  .mobile-menu {
    background: #544D48;
    width: 250px;
    position: fixed;
    left: -250px;
    top: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    transition: left 0.35s;
  }
  .mobile-menu.js-pull {
    left: 0;
  }
}

.js-push {
  overflow: hidden;
  left: 250px;
}

#footer {
  min-height: 183.5px;
  text-align: center;
  padding: 60px 24px 35px;
}

.foot-info {
  color: var(--secondary);
  font-size: 1.69em;
  margin-bottom: 25px;
}

.foot-info-link {
  color: currentColor;
  font-size: 1.48em;
  font-weight: bold;
}
.foot-info-link:hover {
  color: var(--warning);
}

.copyright {
  color: #878D8F;
  font-size: 0.81em;
}

.foot-link {
  color: currentColor;
  border-left: 1px solid currentColor;
  margin-left: 5px;
  padding-left: 7px;
}
.foot-link:hover {
  color: var(--warning);
}

.gotop {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  background: rgba(181, 133, 0, 0.5);
  border-radius: 50%;
  padding-top: 18px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 54px;
  width: 54px;
  transition: 300ms;
  z-index: 4;
  display: none;
}
.gotop:hover {
  background-color: var(--secondary);
  color: #fff;
}

@media (min-width: 35.5em) {
  .xs\:pull-left {
    float: left;
  }
  .xs\:pull-right {
    float: right;
  }
  .xs\:font-md {
    font-size: 1rem;
  }
  .xs\:font-xs {
    font-size: 0.75rem;
  }
  .xs\:font-sm {
    font-size: 0.88rem;
  }
  .xs\:font-lg {
    font-size: 1.13rem;
  }
  .xs\:font-xl {
    font-size: 1.25rem;
  }
  .xs\:font-2xl {
    font-size: 1.5rem;
  }
  .xs\:font-3xl {
    font-size: 1.75rem;
  }
  .xs\:font-4xl {
    font-size: 2.25rem;
  }
  .xs\:text-center {
    text-align: center;
  }
  .xs\:text-justify {
    text-align: justify;
  }
  .xs\:hide {
    display: none;
  }
  .xs\:show {
    display: block;
  }
}
@media (max-width: 35.49em) {
  .xs-max\:hide {
    display: none;
  }
  .xs-max\:show {
    display: block;
  }
}
@media (min-width: 48em) {
  .sm\:pull-left {
    float: left;
  }
  .sm\:pull-right {
    float: right;
  }
  .sm\:font-md {
    font-size: 1rem;
  }
  .sm\:font-xs {
    font-size: 0.75rem;
  }
  .sm\:font-sm {
    font-size: 0.88rem;
  }
  .sm\:font-lg {
    font-size: 1.13rem;
  }
  .sm\:font-xl {
    font-size: 1.25rem;
  }
  .sm\:font-2xl {
    font-size: 1.5rem;
  }
  .sm\:font-3xl {
    font-size: 1.75rem;
  }
  .sm\:font-4xl {
    font-size: 2.25rem;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-justify {
    text-align: justify;
  }
  .sm\:hide {
    display: none;
  }
  .sm\:show {
    display: block;
  }
}
@media (max-width: 47.99em) {
  .sm-max\:hide {
    display: none;
  }
  .sm-max\:show {
    display: block;
  }
}
@media (min-width: 64em) {
  .md\:pull-left {
    float: left;
  }
  .md\:pull-right {
    float: right;
  }
  .md\:font-md {
    font-size: 1rem;
  }
  .md\:font-xs {
    font-size: 0.75rem;
  }
  .md\:font-sm {
    font-size: 0.88rem;
  }
  .md\:font-lg {
    font-size: 1.13rem;
  }
  .md\:font-xl {
    font-size: 1.25rem;
  }
  .md\:font-2xl {
    font-size: 1.5rem;
  }
  .md\:font-3xl {
    font-size: 1.75rem;
  }
  .md\:font-4xl {
    font-size: 2.25rem;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-justify {
    text-align: justify;
  }
  .md\:hide {
    display: none;
  }
  .md\:show {
    display: block;
  }
}
@media (max-width: 63.99em) {
  .md-max\:hide {
    display: none;
  }
  .md-max\:show {
    display: block;
  }
}
@media (min-width: 80em) {
  .lg\:pull-left {
    float: left;
  }
  .lg\:pull-right {
    float: right;
  }
  .lg\:font-md {
    font-size: 1rem;
  }
  .lg\:font-xs {
    font-size: 0.75rem;
  }
  .lg\:font-sm {
    font-size: 0.88rem;
  }
  .lg\:font-lg {
    font-size: 1.13rem;
  }
  .lg\:font-xl {
    font-size: 1.25rem;
  }
  .lg\:font-2xl {
    font-size: 1.5rem;
  }
  .lg\:font-3xl {
    font-size: 1.75rem;
  }
  .lg\:font-4xl {
    font-size: 2.25rem;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-justify {
    text-align: justify;
  }
  .lg\:hide {
    display: none;
  }
  .lg\:show {
    display: block;
  }
}
@media (max-width: 79.99em) {
  .lg-max\:hide {
    display: none;
  }
  .lg-max\:show {
    display: block;
  }
}
.sr-only, .sr-only-focusable:not(:focus):not(:focus-within) {
  border-width: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  white-space: nowrap;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.text-hide {
  padding: 0;
}

.truncate {
  width: 100%;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.object-cover {
  object-fit: cover;
}
.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.w-full {
  width: 100%;
}
.w-auto {
  width: auto;
}

.max-w-full {
  max-width: 100%;
}

.min-w-full {
  min-width: 100%;
}

.h-full {
  height: 100%;
}
.h-40 {
  height: 10rem;
}

.bg-metal {
  --bg-metal: url(../images/bgDot.png) repeat 0 0, linear-gradient(to right, #1A1A1A, #454545 16%, #2D2D2D 46%, #3E3E3E 60%, #191919);
  background: var(--bg-metal);
}

.bg-belt-metal, #footer {
  --bg-metal: url(../images/bgDot.png) repeat 0 0, linear-gradient(to right, #1A1A1A, #454545 16%, #2D2D2D 46%, #3E3E3E 60%, #191919);
  background: url(../images/bgLine.png) repeat-x center -94px, var(--bg-metal);
  background-clip: border-box, padding-box, padding-box;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 2;
}

.sidebar {
  background: rgba(0, 0, 0, 0.88);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(3px);
}
@media (min-width: 64em) {
  .sidebar {
    padding-top: 10px;
  }
}

@media (min-width: 64em) {
  .submenu {
    padding-left: 190px;
  }
}
@media (min-width: 80em) {
  .submenu {
    padding-left: 250px;
  }
}

.submenu_link {
  color: #c9c2ac;
  display: inline-block;
  padding: 5px;
  position: relative;
}
@media (min-width: 64em) {
  .submenu_link {
    padding: 8px 4px;
  }
}
@media (min-width: 80em) {
  .submenu_link {
    padding: 12px;
  }
}
.submenu_link::after {
  border-top: 2px solid #df3925;
  transition: width 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
}
.submenu_link:hover, .submenu_link.active {
  color: #fff;
}
.submenu_link:hover::after, .submenu_link.active::after {
  width: 100%;
}

.headline {
  color: #dddbda;
  font-size: 1.13em;
  float: right;
  margin: 5px;
}

.stand-menu {
  text-align: center;
  background-color: rgba(17, 17, 17, 0.8);
  border: 2px solid #cbaa4d;
  position: fixed;
  right: 0;
  bottom: 100px;
  width: 110px;
  z-index: 10;
  transition: 0.3s;
}
.stand-menu:hover {
  background-color: #111;
}
@media (min-width: 64em) {
  .stand-menu {
    top: 154px;
    bottom: auto;
  }
}

.stand_nav {
  color: #fff;
  display: block;
  margin: 10px;
}
.stand_nav:not(:last-child) {
  border-bottom: 1px solid #cbaa4d;
  padding-bottom: 6px;
}
.stand_nav:hover {
  color: var(--warning);
}

.tracking-widest {
  letter-spacing: 0.5em;
}

.text-shadow {
  text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
}

.text-dark {
  color: var(--dark);
}
.text-obsidian {
  color: var(--obsidian);
}
.text-slate {
  color: var(--slate);
}
.text-iceblue {
  color: var(--iceblue);
}

.bg-muted {
  background-color: var(--muted);
}
.bg-dark2 {
  background-color: #0D131A;
}

.zoom-icon, .hover\:zoom.has-icon {
  position: relative;
}
.zoom-icon::before, .hover\:zoom.has-icon::before {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E");
  background: var(--svg) no-repeat center/22px, rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -20%);
  transition: 0.5s;
  transition-delay: 0.3s;
  opacity: 0;
}

.hover\:text-warning:hover {
  color: var(--warning);
}
.hover\:text-pink:hover {
  color: var(--pink);
}
.hover\:zoom img {
  vertical-align: middle;
  transition: 0.3s;
}
.hover\:zoom:hover img {
  transform: scale(1.1);
}
.hover\:zoom:hover .lighten {
  filter: brightness(1.2);
}
.hover\:zoom:hover .enlarge {
  transform: scale(1.25);
}
.hover\:zoom:hover.has-icon::before,
.hover\:zoom:hover .zoom-icon::before,
.hover\:zoom:hover .hover\:zoom.has-icon::before {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.hover\:caption:hover .caption {
  transform: translateX(10px);
}

.border-2 {
  --border-width: 2px;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.left-gutter {
  left: 1.5rem;
}

.z-1 {
  z-index: 1;
}

.h-screen {
  height: calc(100dvh - 53px);
}

@media (min-width: 35.5em) {
  .xs\:columns-2 {
    columns: 2;
  }
  .xs\:right-2 {
    right: 0.5rem;
  }
}
@media (max-width: 35.49em) {
  .xs-max\:left-gutter {
    left: 1.5rem;
  }
}
@media (min-width: 48em) {
  .sm\:h-65 {
    height: 16.25rem;
  }
}
@media (min-width: 64em) {
  .md\:h-screen {
    height: calc(100dvh - 53px);
  }
  .md\:left-2 {
    left: 0.5rem;
  }
}
@media (min-width: 80em) {
  .lg\:border-r {
    border-right: var(--border-width) solid var(--border-color);
  }
}
.svg-inline {
  display: inline-block;
  box-sizing: content-box;
}

.title-logo {
  width: 150px;
  aspect-ratio: 235/26;
}
.title-logo.is-min {
  width: 100px;
}
@media (min-width: 48em) {
  .title-logo {
    width: 300px;
  }
}

.swiper {
  --swiper-theme-color: #231815;
}

.js-carousel {
  --swiper-navigation-size: $size;
  --swiper-navigation-top-offset: auto;
  --swiper-navigation-sides-offset: auto;
  padding-bottom: 60px;
}
.js-carousel .swiper-button-next,
.js-carousel .swiper-button-prev {
  bottom: 0;
}
.js-carousel .swiper-button-next {
  right: 0 !important;
}
.js-carousel .swiper-button-prev {
  right: 38px !important;
}

.color-bullets {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.js-switch {
  transition: 0.25s;
}
.js-switch.active svg {
  border-radius: calc(infinity * 1px);
  box-shadow: 0 0 3px 2px var(--pink);
}

.reveal {
  opacity: 0;
  transform: translateX(30px);
  transition: 0.8s ease-out;
  will-change: opacity, transform;
}
.reveal.active {
  opacity: 1;
  transform: translateX(0);
}

.bg-fixed {
  background: var(--bg-image) no-repeat var(--bg-postition, center 0)/var(--bg-size, contain);
}
@supports (-webkit-overflow-scrolling: touch) {
  .bg-fixed {
    background-attachment: scroll;
  }
}
@media (min-width: 48em) {
  .bg-fixed {
    --bg-postition: center;
    --bg-size: cover;
  }
}
@media (min-width: 64em) {
  .bg-fixed {
    background-attachment: fixed;
  }
}

.banner {
  height: 72dvh;
}
@media (min-width: 35.5em) {
  .banner {
    height: 88dvh;
  }
}
@media (min-width: 48em) {
  .banner {
    height: calc(100dvh - 105px);
  }
}
@media (min-width: 64em) {
  .banner {
    height: calc(100dvh - 153px);
  }
}

.banner_img {
  background: var(--bg-image) no-repeat var(--bg-position)/var(--bg-size, cover);
}

.banner1 {
  --bg-image: url(../images/products/xforce/banner1.jpg);
  --bg-position: 68% bottom;
}
@media (min-width: 35.5em) {
  .banner1 {
    --bg-position: 66% 70%;
  }
}
@media (min-width: 35.5em) and (max-width: 79.99em) {
  .banner1 {
    --bg-size: auto 150%;
  }
}
@media (min-width: 80em) {
  .banner1 {
    --bg-position: center 62%;
  }
}

.banner2 {
  --bg-image: url(../images/products/xforce/banner2.jpg);
  --bg-position: 20% bottom;
}
@media (min-width: 35.5em) {
  .banner2 {
    --bg-position: 20% 25%;
  }
}
@media (min-width: 35.5em) and (max-width: 79.99em) {
  .banner2 {
    --bg-size: auto 120%;
  }
}
@media (min-width: 80em) {
  .banner2 {
    --bg-position: center 45%;
  }
}

.banner3 {
  --bg-image: url(../images/products/xforce/banner3.jpg);
  --bg-position: 67% bottom;
}
@media (min-width: 35.5em) {
  .banner3 {
    --bg-position: center 20%;
  }
}
@media (min-width: 35.5em) and (max-width: 79.99em) {
  .banner3 {
    --bg-size: auto 130%;
  }
}
@media (min-width: 80em) {
  .banner3 {
    --bg-position: center 60%;
  }
}

.banner_info {
  position: absolute;
  z-index: 1;
  top: 1.3rem;
}
.banner2 .banner_info, .banner3 .banner_info {
  left: 24px;
}
@media (min-width: 64em) {
  .banner2 .banner_info {
    left: 3rem;
  }
  .banner3 .banner_info {
    left: 75%;
  }
}

.logo-mitsubishi {
  background: url("../images/products/logo-mitsubishi.svg") no-repeat 0 0/contain;
  display: block;
  width: 220px;
  aspect-ratio: 9.69/1;
}

.logo-tokio {
  width: 120px;
}

.qrcode {
  width: 80px;
}

.hover\:qrcode {
  transition: 0.5s;
}
.hover\:qrcode:hover {
  background-color: #fff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
  transform: translateX(1rem);
  color: #000;
}

@media (min-width: 64em) {
  .cover-outer {
    background: #fff url("../images/products/xforce/outer_bg.jpg") no-repeat 55vw center/cover fixed;
    min-height: 80dvh;
  }
}
@media (min-width: 80em) {
  .cover-outer {
    background-position: 43vw center;
  }
}
@media (min-width: 96em) {
  .cover-outer {
    background-size: 68% auto;
  }
}

@media (max-width: 63.99em) {
  .outer_car {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (min-width: 35.5em) and (max-width: 63.99em) {
  .outer_car {
    margin-bottom: -180px;
  }
  .outer_title {
    color: #fff;
  }
}
.cover-drive {
  --bg-image: url("../images/products/xforce/drive.jpg");
}
@media (max-width: 63.99em) {
  .cover-drive {
    --bg-size: 130% auto;
    aspect-ratio: 2560/1800;
  }
}

.drive_title {
  left: 1.5rem;
  top: 1.5rem;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8), 0 0 3px #fff;
}
@media (min-width: 64em) {
  .drive_title {
    left: 3rem;
    top: 16%;
  }
}

.cover-safe {
  --bg-image: url("../images/products/xforce/safe.jpg");
}
@media (max-width: 63.99em) {
  .cover-safe {
    --bg-size: 120% auto;
    --bg-position: 30% 0;
    aspect-ratio: 2560/1800;
  }
}

.safe_title {
  top: 0.5rem;
}
@media (min-width: 35.5em) {
  .safe_title {
    top: 3vh;
    right: 1.5rem;
  }
}
@media (min-width: 64em) {
  .safe_title {
    right: 10rem;
    top: 16%;
  }
}
@media (max-width: 35.49em) {
  .safe_title {
    left: 1.5rem;
  }
}

.cover-tech {
  --bg-image: url("../images/products/xforce/tech.jpg");
}
@media (max-width: 63.99em) {
  .cover-tech {
    aspect-ratio: 2560/1448;
  }
}

.tech_title {
  left: 1.5rem;
  bottom: 1.5rem;
}
@media (min-width: 64em) {
  .tech_title {
    left: 3rem;
    bottom: 5dvh;
  }
}

@media (min-width: 48em) and (max-width: 79.99em) {
  .tech-h {
    height: 15rem;
  }
}

.cover-inside {
  --bg-image: url("../images/products/xforce/inside.jpg");
}
@media (max-width: 63.99em) {
  .cover-inside {
    aspect-ratio: 2560/1706;
  }
}

.inside_title {
  left: 1.5rem;
  bottom: 1.5rem;
}
@media (min-width: 64em) {
  .inside_title {
    left: 3rem;
    bottom: 2dvh;
  }
}

@media (min-width: 64em) {
  .inside-content {
    grid-template-columns: 1fr;
    grid-template-rows: max-content;
    grid-auto-rows: minmax(0, 1fr);
  }
}

.inside_subtitle {
  grid-column: 1/-1;
}

.inner-text {
  right: 10px;
  bottom: 10px;
  transition: 0.5s;
}
.hover\:zoom:hover .inner-text {
  right: 20px;
}

@media (min-width: 35.5em) {
  .item-auto {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 64em) {
  .item-auto {
    width: calc(25% - 2rem);
  }
}

.glightbox-open {
  position: static !important;
  overflow: unset !important;
}

html.glightbox-open {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}