h1 {
  margin: 0;
  font-weight: normal; }

h2 {
  margin: 0;
  font-weight: normal; }

h3 {
  margin: 0;
  font-weight: normal; }

h4 {
  margin: 0;
  font-weight: normal; }

h5 {
  margin: 0;
  font-weight: normal; }

h6 {
  margin: 0;
  font-weight: normal; }

img {
  max-width: 100%; }

.text-muted {
  color: #979797; }

.text-red {
  color: #D0383C; }

.text-gold {
  color: #CEB04E; }

.text-positive {
  color: #8BBD46; }

.text-link {
    color: #A22428;
}

.text-white {
    color: white;
}

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

.bg-transparent {
    background-color: transparent;
}

.bg-base {
    background-color: #FFFDF8;
}

.bg-light {
    background-color: #F4F1EC;
}

.bg-danger {
    background-color: #E1523E;
}

.opacity-0 {
  opacity: 0; }

.opacity-10 {
  opacity: 0.1; }

.opacity-20 {
  opacity: 0.2; }

.opacity-30 {
  opacity: 0.3; }

.opacity-40 {
  opacity: 0.4; }

.opacity-50 {
  opacity: 0.5; }

.opacity-60 {
  opacity: 0.6; }

.opacity-70 {
  opacity: 0.7; }

.opacity-80 {
  opacity: 0.8; }

.opacity-90 {
  opacity: 0.9; }

.opacity-100 {
  opacity: 1; }

.grid-container {
  display: flex;
  width: 100%; }
  .grid-container > * + * {
    margin-left: 32px; }

.grid-item-1 {
  width: 8.3333333333%; }

.grid-item-2 {
  width: 16.6666666667%; }

.grid-item-3 {
  width: 25%; }

.grid-item-4 {
  width: 33.3333333333%; }

.grid-item-5 {
  width: 41.6666666667%; }

.grid-item-6 {
  width: 50%; }

.grid-item-7 {
  width: 58.3333333333%; }

.grid-item-8 {
  width: 66.6666666667%; }

.grid-item-9 {
  width: 75%; }

.grid-item-10 {
  width: 83.3333333333%; }

.grid-item-11 {
  width: 91.6666666667%; }

.grid-item-12 {
  width: 100%; }

.w-full {
  width: 100%; }
  @media (min-width: 640px) {
    .sm\:w-full {
      width: 100%; } }
  @media (min-width: 960px) {
    .md\:w-full {
      width: 100%; } }
  @media (min-width: 1280px) {
    .xl\:w-full {
      width: 100%; } }

.h-screen {
  height: 100vh; }
  @media (min-width: 640px) {
    .sm\:h-screen {
      height: 100vh; } }
  @media (min-width: 960px) {
    .md\:h-screen {
      height: 100vh; } }
  @media (min-width: 1280px) {
    .xl\:h-screen {
      height: 100vh; } }

.min-h-screen {
  min-height: 100vh; }
  @media (min-width: 640px) {
    .sm\:min-h-screen {
      min-height: 100vh; } }
  @media (min-width: 960px) {
    .md\:min-h-screen {
      min-height: 100vh; } }
  @media (min-width: 1280px) {
    .xl\:min-h-screen {
      min-height: 100vh; } }

.w-1 {
  width: 4px; }

.h-1 {
  height: 4px; }

.w-1\/12 {
  width: 8.3333333333%; }

.w-2 {
  width: 8px; }

.h-2 {
  height: 8px; }

.w-2\/12 {
  width: 16.6666666667%; }

.w-3 {
  width: 12px; }

.h-3 {
  height: 12px; }

.w-3\/12 {
  width: 25%; }

.w-4 {
  width: 16px; }

.h-4 {
  height: 16px; }

.w-4\/12 {
  width: 33.3333333333%; }

.w-5 {
  width: 20px; }

.h-5 {
  height: 20px; }

.w-5\/12 {
  width: 41.6666666667%; }

.w-6 {
  width: 24px; }

.h-6 {
  height: 24px; }

.w-6\/12 {
  width: 50%; }

.w-7 {
  width: 28px; }

.h-7 {
  height: 28px; }

.w-7\/12 {
  width: 58.3333333333%; }

.w-8 {
  width: 32px; }

.h-8 {
  height: 32px; }

.w-8\/12 {
  width: 66.6666666667%; }

.w-9 {
  width: 36px; }

.h-9 {
  height: 36px; }

.w-9\/12 {
  width: 75%; }

.w-10 {
  width: 40px; }

.h-10 {
  height: 40px; }

.w-10\/12 {
  width: 83.3333333333%; }

.w-11 {
  width: 44px; }

.h-11 {
  height: 44px; }

.w-11\/12 {
  width: 91.6666666667%; }

.w-12 {
  width: 48px; }

.h-12 {
  height: 48px; }

.w-12\/12 {
  width: 100%; }

@media (min-width: 640px) {
  .sm\:w-1 {
    width: 4px; }

  .sm\:w-1\/12 {
    width: 8.3333333333%; } }
@media (min-width: 960px) {
  .md\:w-1 {
    width: 4px; }

  .md\:w-1\/12 {
    width: 8.3333333333%; } }
@media (min-width: 1280px) {
  .xl\:w-1 {
    width: 4px; }

  .xl\:w-1\/12 {
    width: 8.3333333333%; } }
@media (min-width: 640px) {
  .sm\:w-2 {
    width: 8px; }

  .sm\:w-2\/12 {
    width: 16.6666666667%; } }
@media (min-width: 960px) {
  .md\:w-2 {
    width: 8px; }

  .md\:w-2\/12 {
    width: 16.6666666667%; } }
@media (min-width: 1280px) {
  .xl\:w-2 {
    width: 8px; }

  .xl\:w-2\/12 {
    width: 16.6666666667%; } }
@media (min-width: 640px) {
  .sm\:w-3 {
    width: 12px; }

  .sm\:w-3\/12 {
    width: 25%; } }
@media (min-width: 960px) {
  .md\:w-3 {
    width: 12px; }

  .md\:w-3\/12 {
    width: 25%; } }
@media (min-width: 1280px) {
  .xl\:w-3 {
    width: 12px; }

  .xl\:w-3\/12 {
    width: 25%; } }
@media (min-width: 640px) {
  .sm\:w-4 {
    width: 16px; }

  .sm\:w-4\/12 {
    width: 33.3333333333%; } }
@media (min-width: 960px) {
  .md\:w-4 {
    width: 16px; }

  .md\:w-4\/12 {
    width: 33.3333333333%; } }
@media (min-width: 1280px) {
  .xl\:w-4 {
    width: 16px; }

  .xl\:w-4\/12 {
    width: 33.3333333333%; } }
@media (min-width: 640px) {
  .sm\:w-5 {
    width: 20px; }

  .sm\:w-5\/12 {
    width: 41.6666666667%; } }
@media (min-width: 960px) {
  .md\:w-5 {
    width: 20px; }

  .md\:w-5\/12 {
    width: 41.6666666667%; } }
@media (min-width: 1280px) {
  .xl\:w-5 {
    width: 20px; }

  .xl\:w-5\/12 {
    width: 41.6666666667%; } }
@media (min-width: 640px) {
  .sm\:w-6 {
    width: 24px; }

  .sm\:w-6\/12 {
    width: 50%; } }
@media (min-width: 960px) {
  .md\:w-6 {
    width: 24px; }

  .md\:w-6\/12 {
    width: 50%; } }
@media (min-width: 1280px) {
  .xl\:w-6 {
    width: 24px; }

  .xl\:w-6\/12 {
    width: 50%; } }
@media (min-width: 640px) {
  .sm\:w-7 {
    width: 28px; }

  .sm\:w-7\/12 {
    width: 58.3333333333%; } }
@media (min-width: 960px) {
  .md\:w-7 {
    width: 28px; }

  .md\:w-7\/12 {
    width: 58.3333333333%; } }
@media (min-width: 1280px) {
  .xl\:w-7 {
    width: 28px; }

  .xl\:w-7\/12 {
    width: 58.3333333333%; } }
@media (min-width: 640px) {
  .sm\:w-8 {
    width: 32px; }

  .sm\:w-8\/12 {
    width: 66.6666666667%; } }
@media (min-width: 960px) {
  .md\:w-8 {
    width: 32px; }

  .md\:w-8\/12 {
    width: 66.6666666667%; } }
@media (min-width: 1280px) {
  .xl\:w-8 {
    width: 32px; }

  .xl\:w-8\/12 {
    width: 66.6666666667%; } }
@media (min-width: 640px) {
  .sm\:w-9 {
    width: 36px; }

  .sm\:w-9\/12 {
    width: 75%; } }
@media (min-width: 960px) {
  .md\:w-9 {
    width: 36px; }

  .md\:w-9\/12 {
    width: 75%; } }
@media (min-width: 1280px) {
  .xl\:w-9 {
    width: 36px; }

  .xl\:w-9\/12 {
    width: 75%; } }
@media (min-width: 640px) {
  .sm\:w-10 {
    width: 40px; }

  .sm\:w-10\/12 {
    width: 83.3333333333%; } }
@media (min-width: 960px) {
  .md\:w-10 {
    width: 40px; }

  .md\:w-10\/12 {
    width: 83.3333333333%; } }
@media (min-width: 1280px) {
  .xl\:w-10 {
    width: 40px; }

  .xl\:w-10\/12 {
    width: 83.3333333333%; } }
@media (min-width: 640px) {
  .sm\:w-11 {
    width: 44px; }

  .sm\:w-11\/12 {
    width: 91.6666666667%; } }
@media (min-width: 960px) {
  .md\:w-11 {
    width: 44px; }

  .md\:w-11\/12 {
    width: 91.6666666667%; } }
@media (min-width: 1280px) {
  .xl\:w-11 {
    width: 44px; }

  .xl\:w-11\/12 {
    width: 91.6666666667%; } }
@media (min-width: 640px) {
  .sm\:w-12 {
    width: 48px; }

  .sm\:w-12\/12 {
    width: 100%; } }
@media (min-width: 960px) {
  .md\:w-12 {
    width: 48px; }

  .md\:w-12\/12 {
    width: 100%; } }
@media (min-width: 1280px) {
  .xl\:w-12 {
    width: 48px; }

  .xl\:w-12\/12 {
    width: 100%; } }
.w-auto {
  width: auto; }
  @media (min-width: 640px) {
    .sm\:w-auto {
      width: auto; } }
  @media (min-width: 960px) {
    .md\:w-auto {
      width: auto; } }
  @media (min-width: 1280px) {
    .xl\:w-auto {
      width: auto; } }

.m-0 {
  margin: 0px; }

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

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

@media (min-width: 640px) {
  .sm\:m-0 {
    margin: 0px; }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .sm\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:m-0 {
    margin: 0px; }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:m-0 {
    margin: 0px; }

  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .xl\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px; } }
.mt-0 {
  margin-top: 0px; }

@media (min-width: 640px) {
  .sm\:mt-0 {
    margin-top: 0px; } }
@media (min-width: 960px) {
  .md\:mt-0 {
    margin-top: 0px; } }
@media (min-width: 1280px) {
  .xl\:mt-0 {
    margin-top: 0px; } }
.mr-0 {
  margin-right: 0px; }

@media (min-width: 640px) {
  .sm\:mr-0 {
    margin-right: 0px; } }
@media (min-width: 960px) {
  .md\:mr-0 {
    margin-right: 0px; } }
@media (min-width: 1280px) {
  .xl\:mr-0 {
    margin-right: 0px; } }
.mb-0 {
  margin-bottom: 0px; }

@media (min-width: 640px) {
  .sm\:mb-0 {
    margin-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:mb-0 {
    margin-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:mb-0 {
    margin-bottom: 0px; } }
.ml-0 {
  margin-left: 0px; }

@media (min-width: 640px) {
  .sm\:ml-0 {
    margin-left: 0px; } }
@media (min-width: 960px) {
  .md\:ml-0 {
    margin-left: 0px; } }
@media (min-width: 1280px) {
  .xl\:ml-0 {
    margin-left: 0px; } }
.p-0 {
  padding: 0px; }

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

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

@media (min-width: 640px) {
  .sm\:p-0 {
    padding: 0px; }

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

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:p-0 {
    padding: 0px; }

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

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:p-0 {
    padding: 0px; }

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

  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; } }
.pt-0 {
  padding-top: 0px; }

@media (min-width: 640px) {
  .sm\:pt-0 {
    padding-top: 0px; } }
@media (min-width: 960px) {
  .md\:pt-0 {
    padding-top: 0px; } }
@media (min-width: 1280px) {
  .xl\:pt-0 {
    padding-top: 0px; } }
.pr-0 {
  padding-right: 0px; }

@media (min-width: 640px) {
  .sm\:pr-0 {
    padding-right: 0px; } }
@media (min-width: 960px) {
  .md\:pr-0 {
    padding-right: 0px; } }
@media (min-width: 1280px) {
  .xl\:pr-0 {
    padding-right: 0px; } }
.pb-0 {
  padding-bottom: 0px; }

@media (min-width: 640px) {
  .sm\:pb-0 {
    padding-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:pb-0 {
    padding-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:pb-0 {
    padding-bottom: 0px; } }
.pl-0 {
  padding-left: 0px; }

@media (min-width: 640px) {
  .sm\:pl-0 {
    padding-left: 0px; } }
@media (min-width: 960px) {
  .md\:pl-0 {
    padding-left: 0px; } }
@media (min-width: 1280px) {
  .xl\:pl-0 {
    padding-left: 0px; } }
.spacing-x-0 > * + * {
  margin-right: 0;
  margin-left: 0px; }

.spacing-y-0 > * + * {
  margin-top: 0px;
  margin-bottom: 0; }

.m-1 {
  margin: 4px; }

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

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

@media (min-width: 640px) {
  .sm\:m-1 {
    margin: 4px; }

  .sm\:mx-1 {
    margin-left: 4px;
    margin-right: 4px; }

  .sm\:my-1 {
    margin-top: 4px;
    margin-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:m-1 {
    margin: 4px; }

  .md\:mx-1 {
    margin-left: 4px;
    margin-right: 4px; }

  .md\:my-1 {
    margin-top: 4px;
    margin-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:m-1 {
    margin: 4px; }

  .xl\:mx-1 {
    margin-left: 4px;
    margin-right: 4px; }

  .xl\:my-1 {
    margin-top: 4px;
    margin-bottom: 4px; } }
.mt-1 {
  margin-top: 4px; }

@media (min-width: 640px) {
  .sm\:mt-1 {
    margin-top: 4px; } }
@media (min-width: 960px) {
  .md\:mt-1 {
    margin-top: 4px; } }
@media (min-width: 1280px) {
  .xl\:mt-1 {
    margin-top: 4px; } }
.mr-1 {
  margin-right: 4px; }

@media (min-width: 640px) {
  .sm\:mr-1 {
    margin-right: 4px; } }
@media (min-width: 960px) {
  .md\:mr-1 {
    margin-right: 4px; } }
@media (min-width: 1280px) {
  .xl\:mr-1 {
    margin-right: 4px; } }
.mb-1 {
  margin-bottom: 4px; }

@media (min-width: 640px) {
  .sm\:mb-1 {
    margin-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:mb-1 {
    margin-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:mb-1 {
    margin-bottom: 4px; } }
.ml-1 {
  margin-left: 4px; }

@media (min-width: 640px) {
  .sm\:ml-1 {
    margin-left: 4px; } }
@media (min-width: 960px) {
  .md\:ml-1 {
    margin-left: 4px; } }
@media (min-width: 1280px) {
  .xl\:ml-1 {
    margin-left: 4px; } }
.p-1 {
  padding: 4px; }

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

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

@media (min-width: 640px) {
  .sm\:p-1 {
    padding: 4px; }

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

  .sm\:py-1 {
    padding-top: 4px;
    padding-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:p-1 {
    padding: 4px; }

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

  .md\:py-1 {
    padding-top: 4px;
    padding-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:p-1 {
    padding: 4px; }

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

  .xl\:py-1 {
    padding-top: 4px;
    padding-bottom: 4px; } }
.pt-1 {
  padding-top: 4px; }

@media (min-width: 640px) {
  .sm\:pt-1 {
    padding-top: 4px; } }
@media (min-width: 960px) {
  .md\:pt-1 {
    padding-top: 4px; } }
@media (min-width: 1280px) {
  .xl\:pt-1 {
    padding-top: 4px; } }
.pr-1 {
  padding-right: 4px; }

@media (min-width: 640px) {
  .sm\:pr-1 {
    padding-right: 4px; } }
@media (min-width: 960px) {
  .md\:pr-1 {
    padding-right: 4px; } }
@media (min-width: 1280px) {
  .xl\:pr-1 {
    padding-right: 4px; } }
.pb-1 {
  padding-bottom: 4px; }

@media (min-width: 640px) {
  .sm\:pb-1 {
    padding-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:pb-1 {
    padding-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:pb-1 {
    padding-bottom: 4px; } }
.pl-1 {
  padding-left: 4px; }

@media (min-width: 640px) {
  .sm\:pl-1 {
    padding-left: 4px; } }
@media (min-width: 960px) {
  .md\:pl-1 {
    padding-left: 4px; } }
@media (min-width: 1280px) {
  .xl\:pl-1 {
    padding-left: 4px; } }
.spacing-x-1 > * + * {
  margin-right: 0;
  margin-left: 4px; }

.spacing-y-1 > * + * {
  margin-top: 4px;
  margin-bottom: 0; }

.m-2 {
  margin: 8px; }

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

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

@media (min-width: 640px) {
  .sm\:m-2 {
    margin: 8px; }

  .sm\:mx-2 {
    margin-left: 8px;
    margin-right: 8px; }

  .sm\:my-2 {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:m-2 {
    margin: 8px; }

  .md\:mx-2 {
    margin-left: 8px;
    margin-right: 8px; }

  .md\:my-2 {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:m-2 {
    margin: 8px; }

  .xl\:mx-2 {
    margin-left: 8px;
    margin-right: 8px; }

  .xl\:my-2 {
    margin-top: 8px;
    margin-bottom: 8px; } }
.mt-2 {
  margin-top: 8px; }

@media (min-width: 640px) {
  .sm\:mt-2 {
    margin-top: 8px; } }
@media (min-width: 960px) {
  .md\:mt-2 {
    margin-top: 8px; } }
@media (min-width: 1280px) {
  .xl\:mt-2 {
    margin-top: 8px; } }
.mr-2 {
  margin-right: 8px; }

@media (min-width: 640px) {
  .sm\:mr-2 {
    margin-right: 8px; } }
@media (min-width: 960px) {
  .md\:mr-2 {
    margin-right: 8px; } }
@media (min-width: 1280px) {
  .xl\:mr-2 {
    margin-right: 8px; } }
.mb-2 {
  margin-bottom: 8px; }

@media (min-width: 640px) {
  .sm\:mb-2 {
    margin-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:mb-2 {
    margin-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:mb-2 {
    margin-bottom: 8px; } }
.ml-2 {
  margin-left: 8px; }

@media (min-width: 640px) {
  .sm\:ml-2 {
    margin-left: 8px; } }
@media (min-width: 960px) {
  .md\:ml-2 {
    margin-left: 8px; } }
@media (min-width: 1280px) {
  .xl\:ml-2 {
    margin-left: 8px; } }
.p-2 {
  padding: 8px; }

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

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

@media (min-width: 640px) {
  .sm\:p-2 {
    padding: 8px; }

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

  .sm\:py-2 {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:p-2 {
    padding: 8px; }

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

  .md\:py-2 {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:p-2 {
    padding: 8px; }

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

  .xl\:py-2 {
    padding-top: 8px;
    padding-bottom: 8px; } }
.pt-2 {
  padding-top: 8px; }

@media (min-width: 640px) {
  .sm\:pt-2 {
    padding-top: 8px; } }
@media (min-width: 960px) {
  .md\:pt-2 {
    padding-top: 8px; } }
@media (min-width: 1280px) {
  .xl\:pt-2 {
    padding-top: 8px; } }
.pr-2 {
  padding-right: 8px; }

@media (min-width: 640px) {
  .sm\:pr-2 {
    padding-right: 8px; } }
@media (min-width: 960px) {
  .md\:pr-2 {
    padding-right: 8px; } }
@media (min-width: 1280px) {
  .xl\:pr-2 {
    padding-right: 8px; } }
.pb-2 {
  padding-bottom: 8px; }

@media (min-width: 640px) {
  .sm\:pb-2 {
    padding-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:pb-2 {
    padding-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:pb-2 {
    padding-bottom: 8px; } }
.pl-2 {
  padding-left: 8px; }

@media (min-width: 640px) {
  .sm\:pl-2 {
    padding-left: 8px; } }
@media (min-width: 960px) {
  .md\:pl-2 {
    padding-left: 8px; } }
@media (min-width: 1280px) {
  .xl\:pl-2 {
    padding-left: 8px; } }
.spacing-x-2 > * + * {
  margin-right: 0;
  margin-left: 8px; }

.spacing-y-2 > * + * {
  margin-top: 8px;
  margin-bottom: 0; }

.m-3 {
  margin: 12px; }

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

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

@media (min-width: 640px) {
  .sm\:m-3 {
    margin: 12px; }

  .sm\:mx-3 {
    margin-left: 12px;
    margin-right: 12px; }

  .sm\:my-3 {
    margin-top: 12px;
    margin-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:m-3 {
    margin: 12px; }

  .md\:mx-3 {
    margin-left: 12px;
    margin-right: 12px; }

  .md\:my-3 {
    margin-top: 12px;
    margin-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:m-3 {
    margin: 12px; }

  .xl\:mx-3 {
    margin-left: 12px;
    margin-right: 12px; }

  .xl\:my-3 {
    margin-top: 12px;
    margin-bottom: 12px; } }
.mt-3 {
  margin-top: 12px; }

@media (min-width: 640px) {
  .sm\:mt-3 {
    margin-top: 12px; } }
@media (min-width: 960px) {
  .md\:mt-3 {
    margin-top: 12px; } }
@media (min-width: 1280px) {
  .xl\:mt-3 {
    margin-top: 12px; } }
.mr-3 {
  margin-right: 12px; }

@media (min-width: 640px) {
  .sm\:mr-3 {
    margin-right: 12px; } }
@media (min-width: 960px) {
  .md\:mr-3 {
    margin-right: 12px; } }
@media (min-width: 1280px) {
  .xl\:mr-3 {
    margin-right: 12px; } }
.mb-3 {
  margin-bottom: 12px; }

@media (min-width: 640px) {
  .sm\:mb-3 {
    margin-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:mb-3 {
    margin-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:mb-3 {
    margin-bottom: 12px; } }
.ml-3 {
  margin-left: 12px; }

@media (min-width: 640px) {
  .sm\:ml-3 {
    margin-left: 12px; } }
@media (min-width: 960px) {
  .md\:ml-3 {
    margin-left: 12px; } }
@media (min-width: 1280px) {
  .xl\:ml-3 {
    margin-left: 12px; } }
.p-3 {
  padding: 12px; }

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

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

@media (min-width: 640px) {
  .sm\:p-3 {
    padding: 12px; }

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

  .sm\:py-3 {
    padding-top: 12px;
    padding-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:p-3 {
    padding: 12px; }

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

  .md\:py-3 {
    padding-top: 12px;
    padding-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:p-3 {
    padding: 12px; }

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

  .xl\:py-3 {
    padding-top: 12px;
    padding-bottom: 12px; } }
.pt-3 {
  padding-top: 12px; }

@media (min-width: 640px) {
  .sm\:pt-3 {
    padding-top: 12px; } }
@media (min-width: 960px) {
  .md\:pt-3 {
    padding-top: 12px; } }
@media (min-width: 1280px) {
  .xl\:pt-3 {
    padding-top: 12px; } }
.pr-3 {
  padding-right: 12px; }

@media (min-width: 640px) {
  .sm\:pr-3 {
    padding-right: 12px; } }
@media (min-width: 960px) {
  .md\:pr-3 {
    padding-right: 12px; } }
@media (min-width: 1280px) {
  .xl\:pr-3 {
    padding-right: 12px; } }
.pb-3 {
  padding-bottom: 12px; }

@media (min-width: 640px) {
  .sm\:pb-3 {
    padding-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:pb-3 {
    padding-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:pb-3 {
    padding-bottom: 12px; } }
.pl-3 {
  padding-left: 12px; }

@media (min-width: 640px) {
  .sm\:pl-3 {
    padding-left: 12px; } }
@media (min-width: 960px) {
  .md\:pl-3 {
    padding-left: 12px; } }
@media (min-width: 1280px) {
  .xl\:pl-3 {
    padding-left: 12px; } }
.spacing-x-3 > * + * {
  margin-right: 0;
  margin-left: 12px; }

.spacing-y-3 > * + * {
  margin-top: 12px;
  margin-bottom: 0; }

.m-4 {
  margin: 16px; }

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

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

@media (min-width: 640px) {
  .sm\:m-4 {
    margin: 16px; }

  .sm\:mx-4 {
    margin-left: 16px;
    margin-right: 16px; }

  .sm\:my-4 {
    margin-top: 16px;
    margin-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:m-4 {
    margin: 16px; }

  .md\:mx-4 {
    margin-left: 16px;
    margin-right: 16px; }

  .md\:my-4 {
    margin-top: 16px;
    margin-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:m-4 {
    margin: 16px; }

  .xl\:mx-4 {
    margin-left: 16px;
    margin-right: 16px; }

  .xl\:my-4 {
    margin-top: 16px;
    margin-bottom: 16px; } }
.mt-4 {
  margin-top: 16px; }

@media (min-width: 640px) {
  .sm\:mt-4 {
    margin-top: 16px; } }
@media (min-width: 960px) {
  .md\:mt-4 {
    margin-top: 16px; } }
@media (min-width: 1280px) {
  .xl\:mt-4 {
    margin-top: 16px; } }
.mr-4 {
  margin-right: 16px; }

@media (min-width: 640px) {
  .sm\:mr-4 {
    margin-right: 16px; } }
@media (min-width: 960px) {
  .md\:mr-4 {
    margin-right: 16px; } }
@media (min-width: 1280px) {
  .xl\:mr-4 {
    margin-right: 16px; } }
.mb-4 {
  margin-bottom: 16px; }

@media (min-width: 640px) {
  .sm\:mb-4 {
    margin-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:mb-4 {
    margin-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:mb-4 {
    margin-bottom: 16px; } }
.ml-4 {
  margin-left: 16px; }

@media (min-width: 640px) {
  .sm\:ml-4 {
    margin-left: 16px; } }
@media (min-width: 960px) {
  .md\:ml-4 {
    margin-left: 16px; } }
@media (min-width: 1280px) {
  .xl\:ml-4 {
    margin-left: 16px; } }
.p-4 {
  padding: 16px; }

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

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

@media (min-width: 640px) {
  .sm\:p-4 {
    padding: 16px; }

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

  .sm\:py-4 {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:p-4 {
    padding: 16px; }

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

  .md\:py-4 {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:p-4 {
    padding: 16px; }

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

  .xl\:py-4 {
    padding-top: 16px;
    padding-bottom: 16px; } }
.pt-4 {
  padding-top: 16px; }

@media (min-width: 640px) {
  .sm\:pt-4 {
    padding-top: 16px; } }
@media (min-width: 960px) {
  .md\:pt-4 {
    padding-top: 16px; } }
@media (min-width: 1280px) {
  .xl\:pt-4 {
    padding-top: 16px; } }
.pr-4 {
  padding-right: 16px; }

@media (min-width: 640px) {
  .sm\:pr-4 {
    padding-right: 16px; } }
@media (min-width: 960px) {
  .md\:pr-4 {
    padding-right: 16px; } }
@media (min-width: 1280px) {
  .xl\:pr-4 {
    padding-right: 16px; } }
.pb-4 {
  padding-bottom: 16px; }

@media (min-width: 640px) {
  .sm\:pb-4 {
    padding-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:pb-4 {
    padding-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:pb-4 {
    padding-bottom: 16px; } }
.pl-4 {
  padding-left: 16px; }

@media (min-width: 640px) {
  .sm\:pl-4 {
    padding-left: 16px; } }
@media (min-width: 960px) {
  .md\:pl-4 {
    padding-left: 16px; } }
@media (min-width: 1280px) {
  .xl\:pl-4 {
    padding-left: 16px; } }
.spacing-x-4 > * + * {
  margin-right: 0;
  margin-left: 16px; }

.spacing-y-4 > * + * {
  margin-top: 16px;
  margin-bottom: 0; }

.m-5 {
  margin: 20px; }

.mx-5 {
  margin-left: 20px;
  margin-right: 20px; }

.my-5 {
  margin-top: 20px;
  margin-bottom: 20px; }

@media (min-width: 640px) {
  .sm\:m-5 {
    margin: 20px; }

  .sm\:mx-5 {
    margin-left: 20px;
    margin-right: 20px; }

  .sm\:my-5 {
    margin-top: 20px;
    margin-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:m-5 {
    margin: 20px; }

  .md\:mx-5 {
    margin-left: 20px;
    margin-right: 20px; }

  .md\:my-5 {
    margin-top: 20px;
    margin-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:m-5 {
    margin: 20px; }

  .xl\:mx-5 {
    margin-left: 20px;
    margin-right: 20px; }

  .xl\:my-5 {
    margin-top: 20px;
    margin-bottom: 20px; } }
.mt-5 {
  margin-top: 20px; }

@media (min-width: 640px) {
  .sm\:mt-5 {
    margin-top: 20px; } }
@media (min-width: 960px) {
  .md\:mt-5 {
    margin-top: 20px; } }
@media (min-width: 1280px) {
  .xl\:mt-5 {
    margin-top: 20px; } }
.mr-5 {
  margin-right: 20px; }

@media (min-width: 640px) {
  .sm\:mr-5 {
    margin-right: 20px; } }
@media (min-width: 960px) {
  .md\:mr-5 {
    margin-right: 20px; } }
@media (min-width: 1280px) {
  .xl\:mr-5 {
    margin-right: 20px; } }
.mb-5 {
  margin-bottom: 20px; }

@media (min-width: 640px) {
  .sm\:mb-5 {
    margin-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:mb-5 {
    margin-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:mb-5 {
    margin-bottom: 20px; } }
.ml-5 {
  margin-left: 20px; }

@media (min-width: 640px) {
  .sm\:ml-5 {
    margin-left: 20px; } }
@media (min-width: 960px) {
  .md\:ml-5 {
    margin-left: 20px; } }
@media (min-width: 1280px) {
  .xl\:ml-5 {
    margin-left: 20px; } }
.p-5 {
  padding: 20px; }

.px-5 {
  padding-left: 20px;
  padding-right: 20px; }

.py-5 {
  padding-top: 20px;
  padding-bottom: 20px; }

@media (min-width: 640px) {
  .sm\:p-5 {
    padding: 20px; }

  .sm\:px-5 {
    padding-left: 20px;
    padding-right: 20px; }

  .sm\:py-5 {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:p-5 {
    padding: 20px; }

  .md\:px-5 {
    padding-left: 20px;
    padding-right: 20px; }

  .md\:py-5 {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:p-5 {
    padding: 20px; }

  .xl\:px-5 {
    padding-left: 20px;
    padding-right: 20px; }

  .xl\:py-5 {
    padding-top: 20px;
    padding-bottom: 20px; } }
.pt-5 {
  padding-top: 20px; }

@media (min-width: 640px) {
  .sm\:pt-5 {
    padding-top: 20px; } }
@media (min-width: 960px) {
  .md\:pt-5 {
    padding-top: 20px; } }
@media (min-width: 1280px) {
  .xl\:pt-5 {
    padding-top: 20px; } }
.pr-5 {
  padding-right: 20px; }

@media (min-width: 640px) {
  .sm\:pr-5 {
    padding-right: 20px; } }
@media (min-width: 960px) {
  .md\:pr-5 {
    padding-right: 20px; } }
@media (min-width: 1280px) {
  .xl\:pr-5 {
    padding-right: 20px; } }
.pb-5 {
  padding-bottom: 20px; }

@media (min-width: 640px) {
  .sm\:pb-5 {
    padding-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:pb-5 {
    padding-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:pb-5 {
    padding-bottom: 20px; } }
.pl-5 {
  padding-left: 20px; }

@media (min-width: 640px) {
  .sm\:pl-5 {
    padding-left: 20px; } }
@media (min-width: 960px) {
  .md\:pl-5 {
    padding-left: 20px; } }
@media (min-width: 1280px) {
  .xl\:pl-5 {
    padding-left: 20px; } }
.spacing-x-5 > * + * {
  margin-right: 0;
  margin-left: 20px; }

.spacing-y-5 > * + * {
  margin-top: 20px;
  margin-bottom: 0; }

.m-6 {
  margin: 24px; }

.mx-6 {
  margin-left: 24px;
  margin-right: 24px; }

.my-6 {
  margin-top: 24px;
  margin-bottom: 24px; }

@media (min-width: 640px) {
  .sm\:m-6 {
    margin: 24px; }

  .sm\:mx-6 {
    margin-left: 24px;
    margin-right: 24px; }

  .sm\:my-6 {
    margin-top: 24px;
    margin-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:m-6 {
    margin: 24px; }

  .md\:mx-6 {
    margin-left: 24px;
    margin-right: 24px; }

  .md\:my-6 {
    margin-top: 24px;
    margin-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:m-6 {
    margin: 24px; }

  .xl\:mx-6 {
    margin-left: 24px;
    margin-right: 24px; }

  .xl\:my-6 {
    margin-top: 24px;
    margin-bottom: 24px; } }
.mt-6 {
  margin-top: 24px; }

@media (min-width: 640px) {
  .sm\:mt-6 {
    margin-top: 24px; } }
@media (min-width: 960px) {
  .md\:mt-6 {
    margin-top: 24px; } }
@media (min-width: 1280px) {
  .xl\:mt-6 {
    margin-top: 24px; } }
.mr-6 {
  margin-right: 24px; }

@media (min-width: 640px) {
  .sm\:mr-6 {
    margin-right: 24px; } }
@media (min-width: 960px) {
  .md\:mr-6 {
    margin-right: 24px; } }
@media (min-width: 1280px) {
  .xl\:mr-6 {
    margin-right: 24px; } }
.mb-6 {
  margin-bottom: 24px; }

@media (min-width: 640px) {
  .sm\:mb-6 {
    margin-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:mb-6 {
    margin-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:mb-6 {
    margin-bottom: 24px; } }
.ml-6 {
  margin-left: 24px; }

@media (min-width: 640px) {
  .sm\:ml-6 {
    margin-left: 24px; } }
@media (min-width: 960px) {
  .md\:ml-6 {
    margin-left: 24px; } }
@media (min-width: 1280px) {
  .xl\:ml-6 {
    margin-left: 24px; } }
.p-6 {
  padding: 24px; }

.px-6 {
  padding-left: 24px;
  padding-right: 24px; }

.py-6 {
  padding-top: 24px;
  padding-bottom: 24px; }

@media (min-width: 640px) {
  .sm\:p-6 {
    padding: 24px; }

  .sm\:px-6 {
    padding-left: 24px;
    padding-right: 24px; }

  .sm\:py-6 {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:p-6 {
    padding: 24px; }

  .md\:px-6 {
    padding-left: 24px;
    padding-right: 24px; }

  .md\:py-6 {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:p-6 {
    padding: 24px; }

  .xl\:px-6 {
    padding-left: 24px;
    padding-right: 24px; }

  .xl\:py-6 {
    padding-top: 24px;
    padding-bottom: 24px; } }
.pt-6 {
  padding-top: 24px; }

@media (min-width: 640px) {
  .sm\:pt-6 {
    padding-top: 24px; } }
@media (min-width: 960px) {
  .md\:pt-6 {
    padding-top: 24px; } }
@media (min-width: 1280px) {
  .xl\:pt-6 {
    padding-top: 24px; } }
.pr-6 {
  padding-right: 24px; }

@media (min-width: 640px) {
  .sm\:pr-6 {
    padding-right: 24px; } }
@media (min-width: 960px) {
  .md\:pr-6 {
    padding-right: 24px; } }
@media (min-width: 1280px) {
  .xl\:pr-6 {
    padding-right: 24px; } }
.pb-6 {
  padding-bottom: 24px; }

@media (min-width: 640px) {
  .sm\:pb-6 {
    padding-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:pb-6 {
    padding-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:pb-6 {
    padding-bottom: 24px; } }
.pl-6 {
  padding-left: 24px; }

@media (min-width: 640px) {
  .sm\:pl-6 {
    padding-left: 24px; } }
@media (min-width: 960px) {
  .md\:pl-6 {
    padding-left: 24px; } }
@media (min-width: 1280px) {
  .xl\:pl-6 {
    padding-left: 24px; } }
.spacing-x-6 > * + * {
  margin-right: 0;
  margin-left: 24px; }

.spacing-y-6 > * + * {
  margin-top: 24px;
  margin-bottom: 0; }

.m-7 {
  margin: 28px; }

.mx-7 {
  margin-left: 28px;
  margin-right: 28px; }

.my-7 {
  margin-top: 28px;
  margin-bottom: 28px; }

@media (min-width: 640px) {
  .sm\:m-7 {
    margin: 28px; }

  .sm\:mx-7 {
    margin-left: 28px;
    margin-right: 28px; }

  .sm\:my-7 {
    margin-top: 28px;
    margin-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:m-7 {
    margin: 28px; }

  .md\:mx-7 {
    margin-left: 28px;
    margin-right: 28px; }

  .md\:my-7 {
    margin-top: 28px;
    margin-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:m-7 {
    margin: 28px; }

  .xl\:mx-7 {
    margin-left: 28px;
    margin-right: 28px; }

  .xl\:my-7 {
    margin-top: 28px;
    margin-bottom: 28px; } }
.mt-7 {
  margin-top: 28px; }

@media (min-width: 640px) {
  .sm\:mt-7 {
    margin-top: 28px; } }
@media (min-width: 960px) {
  .md\:mt-7 {
    margin-top: 28px; } }
@media (min-width: 1280px) {
  .xl\:mt-7 {
    margin-top: 28px; } }
.mr-7 {
  margin-right: 28px; }

@media (min-width: 640px) {
  .sm\:mr-7 {
    margin-right: 28px; } }
@media (min-width: 960px) {
  .md\:mr-7 {
    margin-right: 28px; } }
@media (min-width: 1280px) {
  .xl\:mr-7 {
    margin-right: 28px; } }
.mb-7 {
  margin-bottom: 28px; }

@media (min-width: 640px) {
  .sm\:mb-7 {
    margin-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:mb-7 {
    margin-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:mb-7 {
    margin-bottom: 28px; } }
.ml-7 {
  margin-left: 28px; }

@media (min-width: 640px) {
  .sm\:ml-7 {
    margin-left: 28px; } }
@media (min-width: 960px) {
  .md\:ml-7 {
    margin-left: 28px; } }
@media (min-width: 1280px) {
  .xl\:ml-7 {
    margin-left: 28px; } }
.p-7 {
  padding: 28px; }

.px-7 {
  padding-left: 28px;
  padding-right: 28px; }

.py-7 {
  padding-top: 28px;
  padding-bottom: 28px; }

@media (min-width: 640px) {
  .sm\:p-7 {
    padding: 28px; }

  .sm\:px-7 {
    padding-left: 28px;
    padding-right: 28px; }

  .sm\:py-7 {
    padding-top: 28px;
    padding-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:p-7 {
    padding: 28px; }

  .md\:px-7 {
    padding-left: 28px;
    padding-right: 28px; }

  .md\:py-7 {
    padding-top: 28px;
    padding-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:p-7 {
    padding: 28px; }

  .xl\:px-7 {
    padding-left: 28px;
    padding-right: 28px; }

  .xl\:py-7 {
    padding-top: 28px;
    padding-bottom: 28px; } }
.pt-7 {
  padding-top: 28px; }

@media (min-width: 640px) {
  .sm\:pt-7 {
    padding-top: 28px; } }
@media (min-width: 960px) {
  .md\:pt-7 {
    padding-top: 28px; } }
@media (min-width: 1280px) {
  .xl\:pt-7 {
    padding-top: 28px; } }
.pr-7 {
  padding-right: 28px; }

@media (min-width: 640px) {
  .sm\:pr-7 {
    padding-right: 28px; } }
@media (min-width: 960px) {
  .md\:pr-7 {
    padding-right: 28px; } }
@media (min-width: 1280px) {
  .xl\:pr-7 {
    padding-right: 28px; } }
.pb-7 {
  padding-bottom: 28px; }

@media (min-width: 640px) {
  .sm\:pb-7 {
    padding-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:pb-7 {
    padding-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:pb-7 {
    padding-bottom: 28px; } }
.pl-7 {
  padding-left: 28px; }

@media (min-width: 640px) {
  .sm\:pl-7 {
    padding-left: 28px; } }
@media (min-width: 960px) {
  .md\:pl-7 {
    padding-left: 28px; } }
@media (min-width: 1280px) {
  .xl\:pl-7 {
    padding-left: 28px; } }
.spacing-x-7 > * + * {
  margin-right: 0;
  margin-left: 28px; }

.spacing-y-7 > * + * {
  margin-top: 28px;
  margin-bottom: 0; }

.m-8 {
  margin: 32px; }

.mx-8 {
  margin-left: 32px;
  margin-right: 32px; }

.my-8 {
  margin-top: 32px;
  margin-bottom: 32px; }

@media (min-width: 640px) {
  .sm\:m-8 {
    margin: 32px; }

  .sm\:mx-8 {
    margin-left: 32px;
    margin-right: 32px; }

  .sm\:my-8 {
    margin-top: 32px;
    margin-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:m-8 {
    margin: 32px; }

  .md\:mx-8 {
    margin-left: 32px;
    margin-right: 32px; }

  .md\:my-8 {
    margin-top: 32px;
    margin-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:m-8 {
    margin: 32px; }

  .xl\:mx-8 {
    margin-left: 32px;
    margin-right: 32px; }

  .xl\:my-8 {
    margin-top: 32px;
    margin-bottom: 32px; } }
.mt-8 {
  margin-top: 32px; }

@media (min-width: 640px) {
  .sm\:mt-8 {
    margin-top: 32px; } }
@media (min-width: 960px) {
  .md\:mt-8 {
    margin-top: 32px; } }
@media (min-width: 1280px) {
  .xl\:mt-8 {
    margin-top: 32px; } }
.mr-8 {
  margin-right: 32px; }

@media (min-width: 640px) {
  .sm\:mr-8 {
    margin-right: 32px; } }
@media (min-width: 960px) {
  .md\:mr-8 {
    margin-right: 32px; } }
@media (min-width: 1280px) {
  .xl\:mr-8 {
    margin-right: 32px; } }
.mb-8 {
  margin-bottom: 32px; }

@media (min-width: 640px) {
  .sm\:mb-8 {
    margin-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:mb-8 {
    margin-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:mb-8 {
    margin-bottom: 32px; } }
.ml-8 {
  margin-left: 32px; }

@media (min-width: 640px) {
  .sm\:ml-8 {
    margin-left: 32px; } }
@media (min-width: 960px) {
  .md\:ml-8 {
    margin-left: 32px; } }
@media (min-width: 1280px) {
  .xl\:ml-8 {
    margin-left: 32px; } }
.p-8 {
  padding: 32px; }

.px-8 {
  padding-left: 32px;
  padding-right: 32px; }

.py-8 {
  padding-top: 32px;
  padding-bottom: 32px; }

@media (min-width: 640px) {
  .sm\:p-8 {
    padding: 32px; }

  .sm\:px-8 {
    padding-left: 32px;
    padding-right: 32px; }

  .sm\:py-8 {
    padding-top: 32px;
    padding-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:p-8 {
    padding: 32px; }

  .md\:px-8 {
    padding-left: 32px;
    padding-right: 32px; }

  .md\:py-8 {
    padding-top: 32px;
    padding-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:p-8 {
    padding: 32px; }

  .xl\:px-8 {
    padding-left: 32px;
    padding-right: 32px; }

  .xl\:py-8 {
    padding-top: 32px;
    padding-bottom: 32px; } }
.pt-8 {
  padding-top: 32px; }

@media (min-width: 640px) {
  .sm\:pt-8 {
    padding-top: 32px; } }
@media (min-width: 960px) {
  .md\:pt-8 {
    padding-top: 32px; } }
@media (min-width: 1280px) {
  .xl\:pt-8 {
    padding-top: 32px; } }
.pr-8 {
  padding-right: 32px; }

@media (min-width: 640px) {
  .sm\:pr-8 {
    padding-right: 32px; } }
@media (min-width: 960px) {
  .md\:pr-8 {
    padding-right: 32px; } }
@media (min-width: 1280px) {
  .xl\:pr-8 {
    padding-right: 32px; } }
.pb-8 {
  padding-bottom: 32px; }

@media (min-width: 640px) {
  .sm\:pb-8 {
    padding-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:pb-8 {
    padding-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:pb-8 {
    padding-bottom: 32px; } }
.pl-8 {
  padding-left: 32px; }

@media (min-width: 640px) {
  .sm\:pl-8 {
    padding-left: 32px; } }
@media (min-width: 960px) {
  .md\:pl-8 {
    padding-left: 32px; } }
@media (min-width: 1280px) {
  .xl\:pl-8 {
    padding-left: 32px; } }
.spacing-x-8 > * + * {
  margin-right: 0;
  margin-left: 32px; }

.spacing-y-8 > * + * {
  margin-top: 32px;
  margin-bottom: 0; }

.m-9 {
  margin: 36px; }

.mx-9 {
  margin-left: 36px;
  margin-right: 36px; }

.my-9 {
  margin-top: 36px;
  margin-bottom: 36px; }

@media (min-width: 640px) {
  .sm\:m-9 {
    margin: 36px; }

  .sm\:mx-9 {
    margin-left: 36px;
    margin-right: 36px; }

  .sm\:my-9 {
    margin-top: 36px;
    margin-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:m-9 {
    margin: 36px; }

  .md\:mx-9 {
    margin-left: 36px;
    margin-right: 36px; }

  .md\:my-9 {
    margin-top: 36px;
    margin-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:m-9 {
    margin: 36px; }

  .xl\:mx-9 {
    margin-left: 36px;
    margin-right: 36px; }

  .xl\:my-9 {
    margin-top: 36px;
    margin-bottom: 36px; } }
.mt-9 {
  margin-top: 36px; }

@media (min-width: 640px) {
  .sm\:mt-9 {
    margin-top: 36px; } }
@media (min-width: 960px) {
  .md\:mt-9 {
    margin-top: 36px; } }
@media (min-width: 1280px) {
  .xl\:mt-9 {
    margin-top: 36px; } }
.mr-9 {
  margin-right: 36px; }

@media (min-width: 640px) {
  .sm\:mr-9 {
    margin-right: 36px; } }
@media (min-width: 960px) {
  .md\:mr-9 {
    margin-right: 36px; } }
@media (min-width: 1280px) {
  .xl\:mr-9 {
    margin-right: 36px; } }
.mb-9 {
  margin-bottom: 36px; }

@media (min-width: 640px) {
  .sm\:mb-9 {
    margin-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:mb-9 {
    margin-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:mb-9 {
    margin-bottom: 36px; } }
.ml-9 {
  margin-left: 36px; }

@media (min-width: 640px) {
  .sm\:ml-9 {
    margin-left: 36px; } }
@media (min-width: 960px) {
  .md\:ml-9 {
    margin-left: 36px; } }
@media (min-width: 1280px) {
  .xl\:ml-9 {
    margin-left: 36px; } }
.p-9 {
  padding: 36px; }

.px-9 {
  padding-left: 36px;
  padding-right: 36px; }

.py-9 {
  padding-top: 36px;
  padding-bottom: 36px; }

@media (min-width: 640px) {
  .sm\:p-9 {
    padding: 36px; }

  .sm\:px-9 {
    padding-left: 36px;
    padding-right: 36px; }

  .sm\:py-9 {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:p-9 {
    padding: 36px; }

  .md\:px-9 {
    padding-left: 36px;
    padding-right: 36px; }

  .md\:py-9 {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:p-9 {
    padding: 36px; }

  .xl\:px-9 {
    padding-left: 36px;
    padding-right: 36px; }

  .xl\:py-9 {
    padding-top: 36px;
    padding-bottom: 36px; } }
.pt-9 {
  padding-top: 36px; }

@media (min-width: 640px) {
  .sm\:pt-9 {
    padding-top: 36px; } }
@media (min-width: 960px) {
  .md\:pt-9 {
    padding-top: 36px; } }
@media (min-width: 1280px) {
  .xl\:pt-9 {
    padding-top: 36px; } }
.pr-9 {
  padding-right: 36px; }

@media (min-width: 640px) {
  .sm\:pr-9 {
    padding-right: 36px; } }
@media (min-width: 960px) {
  .md\:pr-9 {
    padding-right: 36px; } }
@media (min-width: 1280px) {
  .xl\:pr-9 {
    padding-right: 36px; } }
.pb-9 {
  padding-bottom: 36px; }

@media (min-width: 640px) {
  .sm\:pb-9 {
    padding-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:pb-9 {
    padding-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:pb-9 {
    padding-bottom: 36px; } }
.pl-9 {
  padding-left: 36px; }

@media (min-width: 640px) {
  .sm\:pl-9 {
    padding-left: 36px; } }
@media (min-width: 960px) {
  .md\:pl-9 {
    padding-left: 36px; } }
@media (min-width: 1280px) {
  .xl\:pl-9 {
    padding-left: 36px; } }
.spacing-x-9 > * + * {
  margin-right: 0;
  margin-left: 36px; }

.spacing-y-9 > * + * {
  margin-top: 36px;
  margin-bottom: 0; }

.m-10 {
  margin: 40px; }

.mx-10 {
  margin-left: 40px;
  margin-right: 40px; }

.my-10 {
  margin-top: 40px;
  margin-bottom: 40px; }

@media (min-width: 640px) {
  .sm\:m-10 {
    margin: 40px; }

  .sm\:mx-10 {
    margin-left: 40px;
    margin-right: 40px; }

  .sm\:my-10 {
    margin-top: 40px;
    margin-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:m-10 {
    margin: 40px; }

  .md\:mx-10 {
    margin-left: 40px;
    margin-right: 40px; }

  .md\:my-10 {
    margin-top: 40px;
    margin-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:m-10 {
    margin: 40px; }

  .xl\:mx-10 {
    margin-left: 40px;
    margin-right: 40px; }

  .xl\:my-10 {
    margin-top: 40px;
    margin-bottom: 40px; } }
.mt-10 {
  margin-top: 40px; }

@media (min-width: 640px) {
  .sm\:mt-10 {
    margin-top: 40px; } }
@media (min-width: 960px) {
  .md\:mt-10 {
    margin-top: 40px; } }
@media (min-width: 1280px) {
  .xl\:mt-10 {
    margin-top: 40px; } }
.mr-10 {
  margin-right: 40px; }

@media (min-width: 640px) {
  .sm\:mr-10 {
    margin-right: 40px; } }
@media (min-width: 960px) {
  .md\:mr-10 {
    margin-right: 40px; } }
@media (min-width: 1280px) {
  .xl\:mr-10 {
    margin-right: 40px; } }
.mb-10 {
  margin-bottom: 40px; }

@media (min-width: 640px) {
  .sm\:mb-10 {
    margin-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:mb-10 {
    margin-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:mb-10 {
    margin-bottom: 40px; } }
.ml-10 {
  margin-left: 40px; }

@media (min-width: 640px) {
  .sm\:ml-10 {
    margin-left: 40px; } }
@media (min-width: 960px) {
  .md\:ml-10 {
    margin-left: 40px; } }
@media (min-width: 1280px) {
  .xl\:ml-10 {
    margin-left: 40px; } }
.p-10 {
  padding: 40px; }

.px-10 {
  padding-left: 40px;
  padding-right: 40px; }

.py-10 {
  padding-top: 40px;
  padding-bottom: 40px; }

@media (min-width: 640px) {
  .sm\:p-10 {
    padding: 40px; }

  .sm\:px-10 {
    padding-left: 40px;
    padding-right: 40px; }

  .sm\:py-10 {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:p-10 {
    padding: 40px; }

  .md\:px-10 {
    padding-left: 40px;
    padding-right: 40px; }

  .md\:py-10 {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:p-10 {
    padding: 40px; }

  .xl\:px-10 {
    padding-left: 40px;
    padding-right: 40px; }

  .xl\:py-10 {
    padding-top: 40px;
    padding-bottom: 40px; } }
.pt-10 {
  padding-top: 40px; }

@media (min-width: 640px) {
  .sm\:pt-10 {
    padding-top: 40px; } }
@media (min-width: 960px) {
  .md\:pt-10 {
    padding-top: 40px; } }
@media (min-width: 1280px) {
  .xl\:pt-10 {
    padding-top: 40px; } }
.pr-10 {
  padding-right: 40px; }

@media (min-width: 640px) {
  .sm\:pr-10 {
    padding-right: 40px; } }
@media (min-width: 960px) {
  .md\:pr-10 {
    padding-right: 40px; } }
@media (min-width: 1280px) {
  .xl\:pr-10 {
    padding-right: 40px; } }
.pb-10 {
  padding-bottom: 40px; }

@media (min-width: 640px) {
  .sm\:pb-10 {
    padding-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:pb-10 {
    padding-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:pb-10 {
    padding-bottom: 40px; } }
.pl-10 {
  padding-left: 40px; }

@media (min-width: 640px) {
  .sm\:pl-10 {
    padding-left: 40px; } }
@media (min-width: 960px) {
  .md\:pl-10 {
    padding-left: 40px; } }
@media (min-width: 1280px) {
  .xl\:pl-10 {
    padding-left: 40px; } }
.spacing-x-10 > * + * {
  margin-right: 0;
  margin-left: 40px; }

.spacing-y-10 > * + * {
  margin-top: 40px;
  margin-bottom: 0; }

.m-11 {
  margin: 44px; }

.mx-11 {
  margin-left: 44px;
  margin-right: 44px; }

.my-11 {
  margin-top: 44px;
  margin-bottom: 44px; }

@media (min-width: 640px) {
  .sm\:m-11 {
    margin: 44px; }

  .sm\:mx-11 {
    margin-left: 44px;
    margin-right: 44px; }

  .sm\:my-11 {
    margin-top: 44px;
    margin-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:m-11 {
    margin: 44px; }

  .md\:mx-11 {
    margin-left: 44px;
    margin-right: 44px; }

  .md\:my-11 {
    margin-top: 44px;
    margin-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:m-11 {
    margin: 44px; }

  .xl\:mx-11 {
    margin-left: 44px;
    margin-right: 44px; }

  .xl\:my-11 {
    margin-top: 44px;
    margin-bottom: 44px; } }
.mt-11 {
  margin-top: 44px; }

@media (min-width: 640px) {
  .sm\:mt-11 {
    margin-top: 44px; } }
@media (min-width: 960px) {
  .md\:mt-11 {
    margin-top: 44px; } }
@media (min-width: 1280px) {
  .xl\:mt-11 {
    margin-top: 44px; } }
.mr-11 {
  margin-right: 44px; }

@media (min-width: 640px) {
  .sm\:mr-11 {
    margin-right: 44px; } }
@media (min-width: 960px) {
  .md\:mr-11 {
    margin-right: 44px; } }
@media (min-width: 1280px) {
  .xl\:mr-11 {
    margin-right: 44px; } }
.mb-11 {
  margin-bottom: 44px; }

@media (min-width: 640px) {
  .sm\:mb-11 {
    margin-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:mb-11 {
    margin-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:mb-11 {
    margin-bottom: 44px; } }
.ml-11 {
  margin-left: 44px; }

@media (min-width: 640px) {
  .sm\:ml-11 {
    margin-left: 44px; } }
@media (min-width: 960px) {
  .md\:ml-11 {
    margin-left: 44px; } }
@media (min-width: 1280px) {
  .xl\:ml-11 {
    margin-left: 44px; } }
.p-11 {
  padding: 44px; }

.px-11 {
  padding-left: 44px;
  padding-right: 44px; }

.py-11 {
  padding-top: 44px;
  padding-bottom: 44px; }

@media (min-width: 640px) {
  .sm\:p-11 {
    padding: 44px; }

  .sm\:px-11 {
    padding-left: 44px;
    padding-right: 44px; }

  .sm\:py-11 {
    padding-top: 44px;
    padding-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:p-11 {
    padding: 44px; }

  .md\:px-11 {
    padding-left: 44px;
    padding-right: 44px; }

  .md\:py-11 {
    padding-top: 44px;
    padding-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:p-11 {
    padding: 44px; }

  .xl\:px-11 {
    padding-left: 44px;
    padding-right: 44px; }

  .xl\:py-11 {
    padding-top: 44px;
    padding-bottom: 44px; } }
.pt-11 {
  padding-top: 44px; }

@media (min-width: 640px) {
  .sm\:pt-11 {
    padding-top: 44px; } }
@media (min-width: 960px) {
  .md\:pt-11 {
    padding-top: 44px; } }
@media (min-width: 1280px) {
  .xl\:pt-11 {
    padding-top: 44px; } }
.pr-11 {
  padding-right: 44px; }

@media (min-width: 640px) {
  .sm\:pr-11 {
    padding-right: 44px; } }
@media (min-width: 960px) {
  .md\:pr-11 {
    padding-right: 44px; } }
@media (min-width: 1280px) {
  .xl\:pr-11 {
    padding-right: 44px; } }
.pb-11 {
  padding-bottom: 44px; }

@media (min-width: 640px) {
  .sm\:pb-11 {
    padding-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:pb-11 {
    padding-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:pb-11 {
    padding-bottom: 44px; } }
.pl-11 {
  padding-left: 44px; }

@media (min-width: 640px) {
  .sm\:pl-11 {
    padding-left: 44px; } }
@media (min-width: 960px) {
  .md\:pl-11 {
    padding-left: 44px; } }
@media (min-width: 1280px) {
  .xl\:pl-11 {
    padding-left: 44px; } }
.spacing-x-11 > * + * {
  margin-right: 0;
  margin-left: 44px; }

.spacing-y-11 > * + * {
  margin-top: 44px;
  margin-bottom: 0; }

.m-12 {
  margin: 48px; }

.mx-12 {
  margin-left: 48px;
  margin-right: 48px; }

.my-12 {
  margin-top: 48px;
  margin-bottom: 48px; }

@media (min-width: 640px) {
  .sm\:m-12 {
    margin: 48px; }

  .sm\:mx-12 {
    margin-left: 48px;
    margin-right: 48px; }

  .sm\:my-12 {
    margin-top: 48px;
    margin-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:m-12 {
    margin: 48px; }

  .md\:mx-12 {
    margin-left: 48px;
    margin-right: 48px; }

  .md\:my-12 {
    margin-top: 48px;
    margin-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:m-12 {
    margin: 48px; }

  .xl\:mx-12 {
    margin-left: 48px;
    margin-right: 48px; }

  .xl\:my-12 {
    margin-top: 48px;
    margin-bottom: 48px; } }
.mt-12 {
  margin-top: 48px; }

@media (min-width: 640px) {
  .sm\:mt-12 {
    margin-top: 48px; } }
@media (min-width: 960px) {
  .md\:mt-12 {
    margin-top: 48px; } }
@media (min-width: 1280px) {
  .xl\:mt-12 {
    margin-top: 48px; } }
.mr-12 {
  margin-right: 48px; }

@media (min-width: 640px) {
  .sm\:mr-12 {
    margin-right: 48px; } }
@media (min-width: 960px) {
  .md\:mr-12 {
    margin-right: 48px; } }
@media (min-width: 1280px) {
  .xl\:mr-12 {
    margin-right: 48px; } }
.mb-12 {
  margin-bottom: 48px; }

@media (min-width: 640px) {
  .sm\:mb-12 {
    margin-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:mb-12 {
    margin-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:mb-12 {
    margin-bottom: 48px; } }
.ml-12 {
  margin-left: 48px; }

@media (min-width: 640px) {
  .sm\:ml-12 {
    margin-left: 48px; } }
@media (min-width: 960px) {
  .md\:ml-12 {
    margin-left: 48px; } }
@media (min-width: 1280px) {
  .xl\:ml-12 {
    margin-left: 48px; } }
.p-12 {
  padding: 48px; }

.px-12 {
  padding-left: 48px;
  padding-right: 48px; }

.py-12 {
  padding-top: 48px;
  padding-bottom: 48px; }

@media (min-width: 640px) {
  .sm\:p-12 {
    padding: 48px; }

  .sm\:px-12 {
    padding-left: 48px;
    padding-right: 48px; }

  .sm\:py-12 {
    padding-top: 48px;
    padding-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:p-12 {
    padding: 48px; }

  .md\:px-12 {
    padding-left: 48px;
    padding-right: 48px; }

  .md\:py-12 {
    padding-top: 48px;
    padding-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:p-12 {
    padding: 48px; }

  .xl\:px-12 {
    padding-left: 48px;
    padding-right: 48px; }

  .xl\:py-12 {
    padding-top: 48px;
    padding-bottom: 48px; } }
.pt-12 {
  padding-top: 48px; }

@media (min-width: 640px) {
  .sm\:pt-12 {
    padding-top: 48px; } }
@media (min-width: 960px) {
  .md\:pt-12 {
    padding-top: 48px; } }
@media (min-width: 1280px) {
  .xl\:pt-12 {
    padding-top: 48px; } }
.pr-12 {
  padding-right: 48px; }

@media (min-width: 640px) {
  .sm\:pr-12 {
    padding-right: 48px; } }
@media (min-width: 960px) {
  .md\:pr-12 {
    padding-right: 48px; } }
@media (min-width: 1280px) {
  .xl\:pr-12 {
    padding-right: 48px; } }
.pb-12 {
  padding-bottom: 48px; }

@media (min-width: 640px) {
  .sm\:pb-12 {
    padding-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:pb-12 {
    padding-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:pb-12 {
    padding-bottom: 48px; } }
.pl-12 {
  padding-left: 48px; }

@media (min-width: 640px) {
  .sm\:pl-12 {
    padding-left: 48px; } }
@media (min-width: 960px) {
  .md\:pl-12 {
    padding-left: 48px; } }
@media (min-width: 1280px) {
  .xl\:pl-12 {
    padding-left: 48px; } }
.spacing-x-12 > * + * {
  margin-right: 0;
  margin-left: 48px; }

.spacing-y-12 > * + * {
  margin-top: 48px;
  margin-bottom: 0; }

.m-13 {
  margin: 52px; }

.mx-13 {
  margin-left: 52px;
  margin-right: 52px; }

.my-13 {
  margin-top: 52px;
  margin-bottom: 52px; }

@media (min-width: 640px) {
  .sm\:m-13 {
    margin: 52px; }

  .sm\:mx-13 {
    margin-left: 52px;
    margin-right: 52px; }

  .sm\:my-13 {
    margin-top: 52px;
    margin-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:m-13 {
    margin: 52px; }

  .md\:mx-13 {
    margin-left: 52px;
    margin-right: 52px; }

  .md\:my-13 {
    margin-top: 52px;
    margin-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:m-13 {
    margin: 52px; }

  .xl\:mx-13 {
    margin-left: 52px;
    margin-right: 52px; }

  .xl\:my-13 {
    margin-top: 52px;
    margin-bottom: 52px; } }
.mt-13 {
  margin-top: 52px; }

@media (min-width: 640px) {
  .sm\:mt-13 {
    margin-top: 52px; } }
@media (min-width: 960px) {
  .md\:mt-13 {
    margin-top: 52px; } }
@media (min-width: 1280px) {
  .xl\:mt-13 {
    margin-top: 52px; } }
.mr-13 {
  margin-right: 52px; }

@media (min-width: 640px) {
  .sm\:mr-13 {
    margin-right: 52px; } }
@media (min-width: 960px) {
  .md\:mr-13 {
    margin-right: 52px; } }
@media (min-width: 1280px) {
  .xl\:mr-13 {
    margin-right: 52px; } }
.mb-13 {
  margin-bottom: 52px; }

@media (min-width: 640px) {
  .sm\:mb-13 {
    margin-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:mb-13 {
    margin-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:mb-13 {
    margin-bottom: 52px; } }
.ml-13 {
  margin-left: 52px; }

@media (min-width: 640px) {
  .sm\:ml-13 {
    margin-left: 52px; } }
@media (min-width: 960px) {
  .md\:ml-13 {
    margin-left: 52px; } }
@media (min-width: 1280px) {
  .xl\:ml-13 {
    margin-left: 52px; } }
.p-13 {
  padding: 52px; }

.px-13 {
  padding-left: 52px;
  padding-right: 52px; }

.py-13 {
  padding-top: 52px;
  padding-bottom: 52px; }

@media (min-width: 640px) {
  .sm\:p-13 {
    padding: 52px; }

  .sm\:px-13 {
    padding-left: 52px;
    padding-right: 52px; }

  .sm\:py-13 {
    padding-top: 52px;
    padding-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:p-13 {
    padding: 52px; }

  .md\:px-13 {
    padding-left: 52px;
    padding-right: 52px; }

  .md\:py-13 {
    padding-top: 52px;
    padding-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:p-13 {
    padding: 52px; }

  .xl\:px-13 {
    padding-left: 52px;
    padding-right: 52px; }

  .xl\:py-13 {
    padding-top: 52px;
    padding-bottom: 52px; } }
.pt-13 {
  padding-top: 52px; }

@media (min-width: 640px) {
  .sm\:pt-13 {
    padding-top: 52px; } }
@media (min-width: 960px) {
  .md\:pt-13 {
    padding-top: 52px; } }
@media (min-width: 1280px) {
  .xl\:pt-13 {
    padding-top: 52px; } }
.pr-13 {
  padding-right: 52px; }

@media (min-width: 640px) {
  .sm\:pr-13 {
    padding-right: 52px; } }
@media (min-width: 960px) {
  .md\:pr-13 {
    padding-right: 52px; } }
@media (min-width: 1280px) {
  .xl\:pr-13 {
    padding-right: 52px; } }
.pb-13 {
  padding-bottom: 52px; }

@media (min-width: 640px) {
  .sm\:pb-13 {
    padding-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:pb-13 {
    padding-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:pb-13 {
    padding-bottom: 52px; } }
.pl-13 {
  padding-left: 52px; }

@media (min-width: 640px) {
  .sm\:pl-13 {
    padding-left: 52px; } }
@media (min-width: 960px) {
  .md\:pl-13 {
    padding-left: 52px; } }
@media (min-width: 1280px) {
  .xl\:pl-13 {
    padding-left: 52px; } }
.spacing-x-13 > * + * {
  margin-right: 0;
  margin-left: 52px; }

.spacing-y-13 > * + * {
  margin-top: 52px;
  margin-bottom: 0; }

.m-14 {
  margin: 56px; }

.mx-14 {
  margin-left: 56px;
  margin-right: 56px; }

.my-14 {
  margin-top: 56px;
  margin-bottom: 56px; }

@media (min-width: 640px) {
  .sm\:m-14 {
    margin: 56px; }

  .sm\:mx-14 {
    margin-left: 56px;
    margin-right: 56px; }

  .sm\:my-14 {
    margin-top: 56px;
    margin-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:m-14 {
    margin: 56px; }

  .md\:mx-14 {
    margin-left: 56px;
    margin-right: 56px; }

  .md\:my-14 {
    margin-top: 56px;
    margin-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:m-14 {
    margin: 56px; }

  .xl\:mx-14 {
    margin-left: 56px;
    margin-right: 56px; }

  .xl\:my-14 {
    margin-top: 56px;
    margin-bottom: 56px; } }
.mt-14 {
  margin-top: 56px; }

@media (min-width: 640px) {
  .sm\:mt-14 {
    margin-top: 56px; } }
@media (min-width: 960px) {
  .md\:mt-14 {
    margin-top: 56px; } }
@media (min-width: 1280px) {
  .xl\:mt-14 {
    margin-top: 56px; } }
.mr-14 {
  margin-right: 56px; }

@media (min-width: 640px) {
  .sm\:mr-14 {
    margin-right: 56px; } }
@media (min-width: 960px) {
  .md\:mr-14 {
    margin-right: 56px; } }
@media (min-width: 1280px) {
  .xl\:mr-14 {
    margin-right: 56px; } }
.mb-14 {
  margin-bottom: 56px; }

@media (min-width: 640px) {
  .sm\:mb-14 {
    margin-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:mb-14 {
    margin-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:mb-14 {
    margin-bottom: 56px; } }
.ml-14 {
  margin-left: 56px; }

@media (min-width: 640px) {
  .sm\:ml-14 {
    margin-left: 56px; } }
@media (min-width: 960px) {
  .md\:ml-14 {
    margin-left: 56px; } }
@media (min-width: 1280px) {
  .xl\:ml-14 {
    margin-left: 56px; } }
.p-14 {
  padding: 56px; }

.px-14 {
  padding-left: 56px;
  padding-right: 56px; }

.py-14 {
  padding-top: 56px;
  padding-bottom: 56px; }

@media (min-width: 640px) {
  .sm\:p-14 {
    padding: 56px; }

  .sm\:px-14 {
    padding-left: 56px;
    padding-right: 56px; }

  .sm\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:p-14 {
    padding: 56px; }

  .md\:px-14 {
    padding-left: 56px;
    padding-right: 56px; }

  .md\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:p-14 {
    padding: 56px; }

  .xl\:px-14 {
    padding-left: 56px;
    padding-right: 56px; }

  .xl\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px; } }
.pt-14 {
  padding-top: 56px; }

@media (min-width: 640px) {
  .sm\:pt-14 {
    padding-top: 56px; } }
@media (min-width: 960px) {
  .md\:pt-14 {
    padding-top: 56px; } }
@media (min-width: 1280px) {
  .xl\:pt-14 {
    padding-top: 56px; } }
.pr-14 {
  padding-right: 56px; }

@media (min-width: 640px) {
  .sm\:pr-14 {
    padding-right: 56px; } }
@media (min-width: 960px) {
  .md\:pr-14 {
    padding-right: 56px; } }
@media (min-width: 1280px) {
  .xl\:pr-14 {
    padding-right: 56px; } }
.pb-14 {
  padding-bottom: 56px; }

@media (min-width: 640px) {
  .sm\:pb-14 {
    padding-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:pb-14 {
    padding-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:pb-14 {
    padding-bottom: 56px; } }
.pl-14 {
  padding-left: 56px; }

@media (min-width: 640px) {
  .sm\:pl-14 {
    padding-left: 56px; } }
@media (min-width: 960px) {
  .md\:pl-14 {
    padding-left: 56px; } }
@media (min-width: 1280px) {
  .xl\:pl-14 {
    padding-left: 56px; } }
.spacing-x-14 > * + * {
  margin-right: 0;
  margin-left: 56px; }

.spacing-y-14 > * + * {
  margin-top: 56px;
  margin-bottom: 0; }

.m-15 {
  margin: 60px; }

.mx-15 {
  margin-left: 60px;
  margin-right: 60px; }

.my-15 {
  margin-top: 60px;
  margin-bottom: 60px; }

@media (min-width: 640px) {
  .sm\:m-15 {
    margin: 60px; }

  .sm\:mx-15 {
    margin-left: 60px;
    margin-right: 60px; }

  .sm\:my-15 {
    margin-top: 60px;
    margin-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:m-15 {
    margin: 60px; }

  .md\:mx-15 {
    margin-left: 60px;
    margin-right: 60px; }

  .md\:my-15 {
    margin-top: 60px;
    margin-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:m-15 {
    margin: 60px; }

  .xl\:mx-15 {
    margin-left: 60px;
    margin-right: 60px; }

  .xl\:my-15 {
    margin-top: 60px;
    margin-bottom: 60px; } }
.mt-15 {
  margin-top: 60px; }

@media (min-width: 640px) {
  .sm\:mt-15 {
    margin-top: 60px; } }
@media (min-width: 960px) {
  .md\:mt-15 {
    margin-top: 60px; } }
@media (min-width: 1280px) {
  .xl\:mt-15 {
    margin-top: 60px; } }
.mr-15 {
  margin-right: 60px; }

@media (min-width: 640px) {
  .sm\:mr-15 {
    margin-right: 60px; } }
@media (min-width: 960px) {
  .md\:mr-15 {
    margin-right: 60px; } }
@media (min-width: 1280px) {
  .xl\:mr-15 {
    margin-right: 60px; } }
.mb-15 {
  margin-bottom: 60px; }

@media (min-width: 640px) {
  .sm\:mb-15 {
    margin-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:mb-15 {
    margin-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:mb-15 {
    margin-bottom: 60px; } }
.ml-15 {
  margin-left: 60px; }

@media (min-width: 640px) {
  .sm\:ml-15 {
    margin-left: 60px; } }
@media (min-width: 960px) {
  .md\:ml-15 {
    margin-left: 60px; } }
@media (min-width: 1280px) {
  .xl\:ml-15 {
    margin-left: 60px; } }
.p-15 {
  padding: 60px; }

.px-15 {
  padding-left: 60px;
  padding-right: 60px; }

.py-15 {
  padding-top: 60px;
  padding-bottom: 60px; }

@media (min-width: 640px) {
  .sm\:p-15 {
    padding: 60px; }

  .sm\:px-15 {
    padding-left: 60px;
    padding-right: 60px; }

  .sm\:py-15 {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:p-15 {
    padding: 60px; }

  .md\:px-15 {
    padding-left: 60px;
    padding-right: 60px; }

  .md\:py-15 {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:p-15 {
    padding: 60px; }

  .xl\:px-15 {
    padding-left: 60px;
    padding-right: 60px; }

  .xl\:py-15 {
    padding-top: 60px;
    padding-bottom: 60px; } }
.pt-15 {
  padding-top: 60px; }

@media (min-width: 640px) {
  .sm\:pt-15 {
    padding-top: 60px; } }
@media (min-width: 960px) {
  .md\:pt-15 {
    padding-top: 60px; } }
@media (min-width: 1280px) {
  .xl\:pt-15 {
    padding-top: 60px; } }
.pr-15 {
  padding-right: 60px; }

@media (min-width: 640px) {
  .sm\:pr-15 {
    padding-right: 60px; } }
@media (min-width: 960px) {
  .md\:pr-15 {
    padding-right: 60px; } }
@media (min-width: 1280px) {
  .xl\:pr-15 {
    padding-right: 60px; } }
.pb-15 {
  padding-bottom: 60px; }

@media (min-width: 640px) {
  .sm\:pb-15 {
    padding-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:pb-15 {
    padding-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:pb-15 {
    padding-bottom: 60px; } }
.pl-15 {
  padding-left: 60px; }

@media (min-width: 640px) {
  .sm\:pl-15 {
    padding-left: 60px; } }
@media (min-width: 960px) {
  .md\:pl-15 {
    padding-left: 60px; } }
@media (min-width: 1280px) {
  .xl\:pl-15 {
    padding-left: 60px; } }
.spacing-x-15 > * + * {
  margin-right: 0;
  margin-left: 60px; }

.spacing-y-15 > * + * {
  margin-top: 60px;
  margin-bottom: 0; }

.m-16 {
  margin: 64px; }

.mx-16 {
  margin-left: 64px;
  margin-right: 64px; }

.my-16 {
  margin-top: 64px;
  margin-bottom: 64px; }

@media (min-width: 640px) {
  .sm\:m-16 {
    margin: 64px; }

  .sm\:mx-16 {
    margin-left: 64px;
    margin-right: 64px; }

  .sm\:my-16 {
    margin-top: 64px;
    margin-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:m-16 {
    margin: 64px; }

  .md\:mx-16 {
    margin-left: 64px;
    margin-right: 64px; }

  .md\:my-16 {
    margin-top: 64px;
    margin-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:m-16 {
    margin: 64px; }

  .xl\:mx-16 {
    margin-left: 64px;
    margin-right: 64px; }

  .xl\:my-16 {
    margin-top: 64px;
    margin-bottom: 64px; } }
.mt-16 {
  margin-top: 64px; }

@media (min-width: 640px) {
  .sm\:mt-16 {
    margin-top: 64px; } }
@media (min-width: 960px) {
  .md\:mt-16 {
    margin-top: 64px; } }
@media (min-width: 1280px) {
  .xl\:mt-16 {
    margin-top: 64px; } }
.mr-16 {
  margin-right: 64px; }

@media (min-width: 640px) {
  .sm\:mr-16 {
    margin-right: 64px; } }
@media (min-width: 960px) {
  .md\:mr-16 {
    margin-right: 64px; } }
@media (min-width: 1280px) {
  .xl\:mr-16 {
    margin-right: 64px; } }
.mb-16 {
  margin-bottom: 64px; }

@media (min-width: 640px) {
  .sm\:mb-16 {
    margin-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:mb-16 {
    margin-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:mb-16 {
    margin-bottom: 64px; } }
.ml-16 {
  margin-left: 64px; }

@media (min-width: 640px) {
  .sm\:ml-16 {
    margin-left: 64px; } }
@media (min-width: 960px) {
  .md\:ml-16 {
    margin-left: 64px; } }
@media (min-width: 1280px) {
  .xl\:ml-16 {
    margin-left: 64px; } }
.p-16 {
  padding: 64px; }

.px-16 {
  padding-left: 64px;
  padding-right: 64px; }

.py-16 {
  padding-top: 64px;
  padding-bottom: 64px; }

@media (min-width: 640px) {
  .sm\:p-16 {
    padding: 64px; }

  .sm\:px-16 {
    padding-left: 64px;
    padding-right: 64px; }

  .sm\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:p-16 {
    padding: 64px; }

  .md\:px-16 {
    padding-left: 64px;
    padding-right: 64px; }

  .md\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:p-16 {
    padding: 64px; }

  .xl\:px-16 {
    padding-left: 64px;
    padding-right: 64px; }

  .xl\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px; } }
.pt-16 {
  padding-top: 64px; }

@media (min-width: 640px) {
  .sm\:pt-16 {
    padding-top: 64px; } }
@media (min-width: 960px) {
  .md\:pt-16 {
    padding-top: 64px; } }
@media (min-width: 1280px) {
  .xl\:pt-16 {
    padding-top: 64px; } }
.pr-16 {
  padding-right: 64px; }

@media (min-width: 640px) {
  .sm\:pr-16 {
    padding-right: 64px; } }
@media (min-width: 960px) {
  .md\:pr-16 {
    padding-right: 64px; } }
@media (min-width: 1280px) {
  .xl\:pr-16 {
    padding-right: 64px; } }
.pb-16 {
  padding-bottom: 64px; }

@media (min-width: 640px) {
  .sm\:pb-16 {
    padding-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:pb-16 {
    padding-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:pb-16 {
    padding-bottom: 64px; } }
.pl-16 {
  padding-left: 64px; }

@media (min-width: 640px) {
  .sm\:pl-16 {
    padding-left: 64px; } }
@media (min-width: 960px) {
  .md\:pl-16 {
    padding-left: 64px; } }
@media (min-width: 1280px) {
  .xl\:pl-16 {
    padding-left: 64px; } }
.spacing-x-16 > * + * {
  margin-right: 0;
  margin-left: 64px; }

.spacing-y-16 > * + * {
  margin-top: 64px;
  margin-bottom: 0; }

.m-17 {
  margin: 68px; }

.mx-17 {
  margin-left: 68px;
  margin-right: 68px; }

.my-17 {
  margin-top: 68px;
  margin-bottom: 68px; }

@media (min-width: 640px) {
  .sm\:m-17 {
    margin: 68px; }

  .sm\:mx-17 {
    margin-left: 68px;
    margin-right: 68px; }

  .sm\:my-17 {
    margin-top: 68px;
    margin-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:m-17 {
    margin: 68px; }

  .md\:mx-17 {
    margin-left: 68px;
    margin-right: 68px; }

  .md\:my-17 {
    margin-top: 68px;
    margin-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:m-17 {
    margin: 68px; }

  .xl\:mx-17 {
    margin-left: 68px;
    margin-right: 68px; }

  .xl\:my-17 {
    margin-top: 68px;
    margin-bottom: 68px; } }
.mt-17 {
  margin-top: 68px; }

@media (min-width: 640px) {
  .sm\:mt-17 {
    margin-top: 68px; } }
@media (min-width: 960px) {
  .md\:mt-17 {
    margin-top: 68px; } }
@media (min-width: 1280px) {
  .xl\:mt-17 {
    margin-top: 68px; } }
.mr-17 {
  margin-right: 68px; }

@media (min-width: 640px) {
  .sm\:mr-17 {
    margin-right: 68px; } }
@media (min-width: 960px) {
  .md\:mr-17 {
    margin-right: 68px; } }
@media (min-width: 1280px) {
  .xl\:mr-17 {
    margin-right: 68px; } }
.mb-17 {
  margin-bottom: 68px; }

@media (min-width: 640px) {
  .sm\:mb-17 {
    margin-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:mb-17 {
    margin-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:mb-17 {
    margin-bottom: 68px; } }
.ml-17 {
  margin-left: 68px; }

@media (min-width: 640px) {
  .sm\:ml-17 {
    margin-left: 68px; } }
@media (min-width: 960px) {
  .md\:ml-17 {
    margin-left: 68px; } }
@media (min-width: 1280px) {
  .xl\:ml-17 {
    margin-left: 68px; } }
.p-17 {
  padding: 68px; }

.px-17 {
  padding-left: 68px;
  padding-right: 68px; }

.py-17 {
  padding-top: 68px;
  padding-bottom: 68px; }

@media (min-width: 640px) {
  .sm\:p-17 {
    padding: 68px; }

  .sm\:px-17 {
    padding-left: 68px;
    padding-right: 68px; }

  .sm\:py-17 {
    padding-top: 68px;
    padding-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:p-17 {
    padding: 68px; }

  .md\:px-17 {
    padding-left: 68px;
    padding-right: 68px; }

  .md\:py-17 {
    padding-top: 68px;
    padding-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:p-17 {
    padding: 68px; }

  .xl\:px-17 {
    padding-left: 68px;
    padding-right: 68px; }

  .xl\:py-17 {
    padding-top: 68px;
    padding-bottom: 68px; } }
.pt-17 {
  padding-top: 68px; }

@media (min-width: 640px) {
  .sm\:pt-17 {
    padding-top: 68px; } }
@media (min-width: 960px) {
  .md\:pt-17 {
    padding-top: 68px; } }
@media (min-width: 1280px) {
  .xl\:pt-17 {
    padding-top: 68px; } }
.pr-17 {
  padding-right: 68px; }

@media (min-width: 640px) {
  .sm\:pr-17 {
    padding-right: 68px; } }
@media (min-width: 960px) {
  .md\:pr-17 {
    padding-right: 68px; } }
@media (min-width: 1280px) {
  .xl\:pr-17 {
    padding-right: 68px; } }
.pb-17 {
  padding-bottom: 68px; }

@media (min-width: 640px) {
  .sm\:pb-17 {
    padding-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:pb-17 {
    padding-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:pb-17 {
    padding-bottom: 68px; } }
.pl-17 {
  padding-left: 68px; }

@media (min-width: 640px) {
  .sm\:pl-17 {
    padding-left: 68px; } }
@media (min-width: 960px) {
  .md\:pl-17 {
    padding-left: 68px; } }
@media (min-width: 1280px) {
  .xl\:pl-17 {
    padding-left: 68px; } }
.spacing-x-17 > * + * {
  margin-right: 0;
  margin-left: 68px; }

.spacing-y-17 > * + * {
  margin-top: 68px;
  margin-bottom: 0; }

.m-18 {
  margin: 72px; }

.mx-18 {
  margin-left: 72px;
  margin-right: 72px; }

.my-18 {
  margin-top: 72px;
  margin-bottom: 72px; }

@media (min-width: 640px) {
  .sm\:m-18 {
    margin: 72px; }

  .sm\:mx-18 {
    margin-left: 72px;
    margin-right: 72px; }

  .sm\:my-18 {
    margin-top: 72px;
    margin-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:m-18 {
    margin: 72px; }

  .md\:mx-18 {
    margin-left: 72px;
    margin-right: 72px; }

  .md\:my-18 {
    margin-top: 72px;
    margin-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:m-18 {
    margin: 72px; }

  .xl\:mx-18 {
    margin-left: 72px;
    margin-right: 72px; }

  .xl\:my-18 {
    margin-top: 72px;
    margin-bottom: 72px; } }
.mt-18 {
  margin-top: 72px; }

@media (min-width: 640px) {
  .sm\:mt-18 {
    margin-top: 72px; } }
@media (min-width: 960px) {
  .md\:mt-18 {
    margin-top: 72px; } }
@media (min-width: 1280px) {
  .xl\:mt-18 {
    margin-top: 72px; } }
.mr-18 {
  margin-right: 72px; }

@media (min-width: 640px) {
  .sm\:mr-18 {
    margin-right: 72px; } }
@media (min-width: 960px) {
  .md\:mr-18 {
    margin-right: 72px; } }
@media (min-width: 1280px) {
  .xl\:mr-18 {
    margin-right: 72px; } }
.mb-18 {
  margin-bottom: 72px; }

@media (min-width: 640px) {
  .sm\:mb-18 {
    margin-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:mb-18 {
    margin-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:mb-18 {
    margin-bottom: 72px; } }
.ml-18 {
  margin-left: 72px; }

@media (min-width: 640px) {
  .sm\:ml-18 {
    margin-left: 72px; } }
@media (min-width: 960px) {
  .md\:ml-18 {
    margin-left: 72px; } }
@media (min-width: 1280px) {
  .xl\:ml-18 {
    margin-left: 72px; } }
.p-18 {
  padding: 72px; }

.px-18 {
  padding-left: 72px;
  padding-right: 72px; }

.py-18 {
  padding-top: 72px;
  padding-bottom: 72px; }

@media (min-width: 640px) {
  .sm\:p-18 {
    padding: 72px; }

  .sm\:px-18 {
    padding-left: 72px;
    padding-right: 72px; }

  .sm\:py-18 {
    padding-top: 72px;
    padding-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:p-18 {
    padding: 72px; }

  .md\:px-18 {
    padding-left: 72px;
    padding-right: 72px; }

  .md\:py-18 {
    padding-top: 72px;
    padding-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:p-18 {
    padding: 72px; }

  .xl\:px-18 {
    padding-left: 72px;
    padding-right: 72px; }

  .xl\:py-18 {
    padding-top: 72px;
    padding-bottom: 72px; } }
.pt-18 {
  padding-top: 72px; }

@media (min-width: 640px) {
  .sm\:pt-18 {
    padding-top: 72px; } }
@media (min-width: 960px) {
  .md\:pt-18 {
    padding-top: 72px; } }
@media (min-width: 1280px) {
  .xl\:pt-18 {
    padding-top: 72px; } }
.pr-18 {
  padding-right: 72px; }

@media (min-width: 640px) {
  .sm\:pr-18 {
    padding-right: 72px; } }
@media (min-width: 960px) {
  .md\:pr-18 {
    padding-right: 72px; } }
@media (min-width: 1280px) {
  .xl\:pr-18 {
    padding-right: 72px; } }
.pb-18 {
  padding-bottom: 72px; }

@media (min-width: 640px) {
  .sm\:pb-18 {
    padding-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:pb-18 {
    padding-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:pb-18 {
    padding-bottom: 72px; } }
.pl-18 {
  padding-left: 72px; }

@media (min-width: 640px) {
  .sm\:pl-18 {
    padding-left: 72px; } }
@media (min-width: 960px) {
  .md\:pl-18 {
    padding-left: 72px; } }
@media (min-width: 1280px) {
  .xl\:pl-18 {
    padding-left: 72px; } }
.spacing-x-18 > * + * {
  margin-right: 0;
  margin-left: 72px; }

.spacing-y-18 > * + * {
  margin-top: 72px;
  margin-bottom: 0; }

.m-19 {
  margin: 76px; }

.mx-19 {
  margin-left: 76px;
  margin-right: 76px; }

.my-19 {
  margin-top: 76px;
  margin-bottom: 76px; }

@media (min-width: 640px) {
  .sm\:m-19 {
    margin: 76px; }

  .sm\:mx-19 {
    margin-left: 76px;
    margin-right: 76px; }

  .sm\:my-19 {
    margin-top: 76px;
    margin-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:m-19 {
    margin: 76px; }

  .md\:mx-19 {
    margin-left: 76px;
    margin-right: 76px; }

  .md\:my-19 {
    margin-top: 76px;
    margin-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:m-19 {
    margin: 76px; }

  .xl\:mx-19 {
    margin-left: 76px;
    margin-right: 76px; }

  .xl\:my-19 {
    margin-top: 76px;
    margin-bottom: 76px; } }
.mt-19 {
  margin-top: 76px; }

@media (min-width: 640px) {
  .sm\:mt-19 {
    margin-top: 76px; } }
@media (min-width: 960px) {
  .md\:mt-19 {
    margin-top: 76px; } }
@media (min-width: 1280px) {
  .xl\:mt-19 {
    margin-top: 76px; } }
.mr-19 {
  margin-right: 76px; }

@media (min-width: 640px) {
  .sm\:mr-19 {
    margin-right: 76px; } }
@media (min-width: 960px) {
  .md\:mr-19 {
    margin-right: 76px; } }
@media (min-width: 1280px) {
  .xl\:mr-19 {
    margin-right: 76px; } }
.mb-19 {
  margin-bottom: 76px; }

@media (min-width: 640px) {
  .sm\:mb-19 {
    margin-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:mb-19 {
    margin-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:mb-19 {
    margin-bottom: 76px; } }
.ml-19 {
  margin-left: 76px; }

@media (min-width: 640px) {
  .sm\:ml-19 {
    margin-left: 76px; } }
@media (min-width: 960px) {
  .md\:ml-19 {
    margin-left: 76px; } }
@media (min-width: 1280px) {
  .xl\:ml-19 {
    margin-left: 76px; } }
.p-19 {
  padding: 76px; }

.px-19 {
  padding-left: 76px;
  padding-right: 76px; }

.py-19 {
  padding-top: 76px;
  padding-bottom: 76px; }

@media (min-width: 640px) {
  .sm\:p-19 {
    padding: 76px; }

  .sm\:px-19 {
    padding-left: 76px;
    padding-right: 76px; }

  .sm\:py-19 {
    padding-top: 76px;
    padding-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:p-19 {
    padding: 76px; }

  .md\:px-19 {
    padding-left: 76px;
    padding-right: 76px; }

  .md\:py-19 {
    padding-top: 76px;
    padding-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:p-19 {
    padding: 76px; }

  .xl\:px-19 {
    padding-left: 76px;
    padding-right: 76px; }

  .xl\:py-19 {
    padding-top: 76px;
    padding-bottom: 76px; } }
.pt-19 {
  padding-top: 76px; }

@media (min-width: 640px) {
  .sm\:pt-19 {
    padding-top: 76px; } }
@media (min-width: 960px) {
  .md\:pt-19 {
    padding-top: 76px; } }
@media (min-width: 1280px) {
  .xl\:pt-19 {
    padding-top: 76px; } }
.pr-19 {
  padding-right: 76px; }

@media (min-width: 640px) {
  .sm\:pr-19 {
    padding-right: 76px; } }
@media (min-width: 960px) {
  .md\:pr-19 {
    padding-right: 76px; } }
@media (min-width: 1280px) {
  .xl\:pr-19 {
    padding-right: 76px; } }
.pb-19 {
  padding-bottom: 76px; }

@media (min-width: 640px) {
  .sm\:pb-19 {
    padding-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:pb-19 {
    padding-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:pb-19 {
    padding-bottom: 76px; } }
.pl-19 {
  padding-left: 76px; }

@media (min-width: 640px) {
  .sm\:pl-19 {
    padding-left: 76px; } }
@media (min-width: 960px) {
  .md\:pl-19 {
    padding-left: 76px; } }
@media (min-width: 1280px) {
  .xl\:pl-19 {
    padding-left: 76px; } }
.spacing-x-19 > * + * {
  margin-right: 0;
  margin-left: 76px; }

.spacing-y-19 > * + * {
  margin-top: 76px;
  margin-bottom: 0; }

.m-20 {
  margin: 80px; }

.mx-20 {
  margin-left: 80px;
  margin-right: 80px; }

.my-20 {
  margin-top: 80px;
  margin-bottom: 80px; }

@media (min-width: 640px) {
  .sm\:m-20 {
    margin: 80px; }

  .sm\:mx-20 {
    margin-left: 80px;
    margin-right: 80px; }

  .sm\:my-20 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:m-20 {
    margin: 80px; }

  .md\:mx-20 {
    margin-left: 80px;
    margin-right: 80px; }

  .md\:my-20 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:m-20 {
    margin: 80px; }

  .xl\:mx-20 {
    margin-left: 80px;
    margin-right: 80px; }

  .xl\:my-20 {
    margin-top: 80px;
    margin-bottom: 80px; } }
.mt-20 {
  margin-top: 80px; }

@media (min-width: 640px) {
  .sm\:mt-20 {
    margin-top: 80px; } }
@media (min-width: 960px) {
  .md\:mt-20 {
    margin-top: 80px; } }
@media (min-width: 1280px) {
  .xl\:mt-20 {
    margin-top: 80px; } }
.mr-20 {
  margin-right: 80px; }

@media (min-width: 640px) {
  .sm\:mr-20 {
    margin-right: 80px; } }
@media (min-width: 960px) {
  .md\:mr-20 {
    margin-right: 80px; } }
@media (min-width: 1280px) {
  .xl\:mr-20 {
    margin-right: 80px; } }
.mb-20 {
  margin-bottom: 80px; }

@media (min-width: 640px) {
  .sm\:mb-20 {
    margin-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:mb-20 {
    margin-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:mb-20 {
    margin-bottom: 80px; } }
.ml-20 {
  margin-left: 80px; }

@media (min-width: 640px) {
  .sm\:ml-20 {
    margin-left: 80px; } }
@media (min-width: 960px) {
  .md\:ml-20 {
    margin-left: 80px; } }
@media (min-width: 1280px) {
  .xl\:ml-20 {
    margin-left: 80px; } }
.p-20 {
  padding: 80px; }

.px-20 {
  padding-left: 80px;
  padding-right: 80px; }

.py-20 {
  padding-top: 80px;
  padding-bottom: 80px; }

@media (min-width: 640px) {
  .sm\:p-20 {
    padding: 80px; }

  .sm\:px-20 {
    padding-left: 80px;
    padding-right: 80px; }

  .sm\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:p-20 {
    padding: 80px; }

  .md\:px-20 {
    padding-left: 80px;
    padding-right: 80px; }

  .md\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:p-20 {
    padding: 80px; }

  .xl\:px-20 {
    padding-left: 80px;
    padding-right: 80px; }

  .xl\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px; } }
.pt-20 {
  padding-top: 80px; }

@media (min-width: 640px) {
  .sm\:pt-20 {
    padding-top: 80px; } }
@media (min-width: 960px) {
  .md\:pt-20 {
    padding-top: 80px; } }
@media (min-width: 1280px) {
  .xl\:pt-20 {
    padding-top: 80px; } }
.pr-20 {
  padding-right: 80px; }

@media (min-width: 640px) {
  .sm\:pr-20 {
    padding-right: 80px; } }
@media (min-width: 960px) {
  .md\:pr-20 {
    padding-right: 80px; } }
@media (min-width: 1280px) {
  .xl\:pr-20 {
    padding-right: 80px; } }
.pb-20 {
  padding-bottom: 80px; }

@media (min-width: 640px) {
  .sm\:pb-20 {
    padding-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:pb-20 {
    padding-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:pb-20 {
    padding-bottom: 80px; } }
.pl-20 {
  padding-left: 80px; }

@media (min-width: 640px) {
  .sm\:pl-20 {
    padding-left: 80px; } }
@media (min-width: 960px) {
  .md\:pl-20 {
    padding-left: 80px; } }
@media (min-width: 1280px) {
  .xl\:pl-20 {
    padding-left: 80px; } }
.spacing-x-20 > * + * {
  margin-right: 0;
  margin-left: 80px; }

.spacing-y-20 > * + * {
  margin-top: 80px;
  margin-bottom: 0; }

@media (min-width: 640px) {
  .sm\:m-0 {
    margin: 0px; }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .sm\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:m-0 {
    margin: 0px; }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:m-0 {
    margin: 0px; }

  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .xl\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px; } }
@media (min-width: 640px) {
  .sm\:mt-0 {
    margin-top: 0px; } }
@media (min-width: 960px) {
  .md\:mt-0 {
    margin-top: 0px; } }
@media (min-width: 1280px) {
  .xl\:mt-0 {
    margin-top: 0px; } }
@media (min-width: 640px) {
  .sm\:mr-0 {
    margin-right: 0px; } }
@media (min-width: 960px) {
  .md\:mr-0 {
    margin-right: 0px; } }
@media (min-width: 1280px) {
  .xl\:mr-0 {
    margin-right: 0px; } }
@media (min-width: 640px) {
  .sm\:mb-0 {
    margin-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:mb-0 {
    margin-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:mb-0 {
    margin-bottom: 0px; } }
@media (min-width: 640px) {
  .sm\:ml-0 {
    margin-left: 0px; } }
@media (min-width: 960px) {
  .md\:ml-0 {
    margin-left: 0px; } }
@media (min-width: 1280px) {
  .xl\:ml-0 {
    margin-left: 0px; } }
@media (min-width: 640px) {
  .sm\:p-0 {
    padding: 0px; }

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

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:p-0 {
    padding: 0px; }

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

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:p-0 {
    padding: 0px; }

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

  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; } }
@media (min-width: 640px) {
  .sm\:pt-0 {
    padding-top: 0px; } }
@media (min-width: 960px) {
  .md\:pt-0 {
    padding-top: 0px; } }
@media (min-width: 1280px) {
  .xl\:pt-0 {
    padding-top: 0px; } }
@media (min-width: 640px) {
  .sm\:pr-0 {
    padding-right: 0px; } }
@media (min-width: 960px) {
  .md\:pr-0 {
    padding-right: 0px; } }
@media (min-width: 1280px) {
  .xl\:pr-0 {
    padding-right: 0px; } }
@media (min-width: 640px) {
  .sm\:pb-0 {
    padding-bottom: 0px; } }
@media (min-width: 960px) {
  .md\:pb-0 {
    padding-bottom: 0px; } }
@media (min-width: 1280px) {
  .xl\:pb-0 {
    padding-bottom: 0px; } }
@media (min-width: 640px) {
  .sm\:pl-0 {
    padding-left: 0px; } }
@media (min-width: 960px) {
  .md\:pl-0 {
    padding-left: 0px; } }
@media (min-width: 1280px) {
  .xl\:pl-0 {
    padding-left: 0px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-0 > * + * {
    margin-right: 0;
    margin-left: 0px; }

  .sm\:spacing-y-0 > * + * {
    margin-top: 0px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-0 > * + * {
    margin-right: 0;
    margin-left: 0px; }

  .md\:spacing-y-0 > * + * {
    margin-top: 0px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-0 > * + * {
    margin-right: 0;
    margin-left: 0px; }

  .xl\:spacing-y-0 > * + * {
    margin-top: 0px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-1 {
    margin: 4px; }

  .sm\:mx-1 {
    margin-left: 4px;
    margin-right: 4px; }

  .sm\:my-1 {
    margin-top: 4px;
    margin-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:m-1 {
    margin: 4px; }

  .md\:mx-1 {
    margin-left: 4px;
    margin-right: 4px; }

  .md\:my-1 {
    margin-top: 4px;
    margin-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:m-1 {
    margin: 4px; }

  .xl\:mx-1 {
    margin-left: 4px;
    margin-right: 4px; }

  .xl\:my-1 {
    margin-top: 4px;
    margin-bottom: 4px; } }
@media (min-width: 640px) {
  .sm\:mt-1 {
    margin-top: 4px; } }
@media (min-width: 960px) {
  .md\:mt-1 {
    margin-top: 4px; } }
@media (min-width: 1280px) {
  .xl\:mt-1 {
    margin-top: 4px; } }
@media (min-width: 640px) {
  .sm\:mr-1 {
    margin-right: 4px; } }
@media (min-width: 960px) {
  .md\:mr-1 {
    margin-right: 4px; } }
@media (min-width: 1280px) {
  .xl\:mr-1 {
    margin-right: 4px; } }
@media (min-width: 640px) {
  .sm\:mb-1 {
    margin-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:mb-1 {
    margin-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:mb-1 {
    margin-bottom: 4px; } }
@media (min-width: 640px) {
  .sm\:ml-1 {
    margin-left: 4px; } }
@media (min-width: 960px) {
  .md\:ml-1 {
    margin-left: 4px; } }
@media (min-width: 1280px) {
  .xl\:ml-1 {
    margin-left: 4px; } }
@media (min-width: 640px) {
  .sm\:p-1 {
    padding: 4px; }

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

  .sm\:py-1 {
    padding-top: 4px;
    padding-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:p-1 {
    padding: 4px; }

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

  .md\:py-1 {
    padding-top: 4px;
    padding-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:p-1 {
    padding: 4px; }

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

  .xl\:py-1 {
    padding-top: 4px;
    padding-bottom: 4px; } }
@media (min-width: 640px) {
  .sm\:pt-1 {
    padding-top: 4px; } }
@media (min-width: 960px) {
  .md\:pt-1 {
    padding-top: 4px; } }
@media (min-width: 1280px) {
  .xl\:pt-1 {
    padding-top: 4px; } }
@media (min-width: 640px) {
  .sm\:pr-1 {
    padding-right: 4px; } }
@media (min-width: 960px) {
  .md\:pr-1 {
    padding-right: 4px; } }
@media (min-width: 1280px) {
  .xl\:pr-1 {
    padding-right: 4px; } }
@media (min-width: 640px) {
  .sm\:pb-1 {
    padding-bottom: 4px; } }
@media (min-width: 960px) {
  .md\:pb-1 {
    padding-bottom: 4px; } }
@media (min-width: 1280px) {
  .xl\:pb-1 {
    padding-bottom: 4px; } }
@media (min-width: 640px) {
  .sm\:pl-1 {
    padding-left: 4px; } }
@media (min-width: 960px) {
  .md\:pl-1 {
    padding-left: 4px; } }
@media (min-width: 1280px) {
  .xl\:pl-1 {
    padding-left: 4px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-1 > * + * {
    margin-right: 0;
    margin-left: 4px; }

  .sm\:spacing-y-1 > * + * {
    margin-top: 4px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-1 > * + * {
    margin-right: 0;
    margin-left: 4px; }

  .md\:spacing-y-1 > * + * {
    margin-top: 4px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-1 > * + * {
    margin-right: 0;
    margin-left: 4px; }

  .xl\:spacing-y-1 > * + * {
    margin-top: 4px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-2 {
    margin: 8px; }

  .sm\:mx-2 {
    margin-left: 8px;
    margin-right: 8px; }

  .sm\:my-2 {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:m-2 {
    margin: 8px; }

  .md\:mx-2 {
    margin-left: 8px;
    margin-right: 8px; }

  .md\:my-2 {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:m-2 {
    margin: 8px; }

  .xl\:mx-2 {
    margin-left: 8px;
    margin-right: 8px; }

  .xl\:my-2 {
    margin-top: 8px;
    margin-bottom: 8px; } }
@media (min-width: 640px) {
  .sm\:mt-2 {
    margin-top: 8px; } }
@media (min-width: 960px) {
  .md\:mt-2 {
    margin-top: 8px; } }
@media (min-width: 1280px) {
  .xl\:mt-2 {
    margin-top: 8px; } }
@media (min-width: 640px) {
  .sm\:mr-2 {
    margin-right: 8px; } }
@media (min-width: 960px) {
  .md\:mr-2 {
    margin-right: 8px; } }
@media (min-width: 1280px) {
  .xl\:mr-2 {
    margin-right: 8px; } }
@media (min-width: 640px) {
  .sm\:mb-2 {
    margin-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:mb-2 {
    margin-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:mb-2 {
    margin-bottom: 8px; } }
@media (min-width: 640px) {
  .sm\:ml-2 {
    margin-left: 8px; } }
@media (min-width: 960px) {
  .md\:ml-2 {
    margin-left: 8px; } }
@media (min-width: 1280px) {
  .xl\:ml-2 {
    margin-left: 8px; } }
@media (min-width: 640px) {
  .sm\:p-2 {
    padding: 8px; }

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

  .sm\:py-2 {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:p-2 {
    padding: 8px; }

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

  .md\:py-2 {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:p-2 {
    padding: 8px; }

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

  .xl\:py-2 {
    padding-top: 8px;
    padding-bottom: 8px; } }
@media (min-width: 640px) {
  .sm\:pt-2 {
    padding-top: 8px; } }
@media (min-width: 960px) {
  .md\:pt-2 {
    padding-top: 8px; } }
@media (min-width: 1280px) {
  .xl\:pt-2 {
    padding-top: 8px; } }
@media (min-width: 640px) {
  .sm\:pr-2 {
    padding-right: 8px; } }
@media (min-width: 960px) {
  .md\:pr-2 {
    padding-right: 8px; } }
@media (min-width: 1280px) {
  .xl\:pr-2 {
    padding-right: 8px; } }
@media (min-width: 640px) {
  .sm\:pb-2 {
    padding-bottom: 8px; } }
@media (min-width: 960px) {
  .md\:pb-2 {
    padding-bottom: 8px; } }
@media (min-width: 1280px) {
  .xl\:pb-2 {
    padding-bottom: 8px; } }
@media (min-width: 640px) {
  .sm\:pl-2 {
    padding-left: 8px; } }
@media (min-width: 960px) {
  .md\:pl-2 {
    padding-left: 8px; } }
@media (min-width: 1280px) {
  .xl\:pl-2 {
    padding-left: 8px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-2 > * + * {
    margin-right: 0;
    margin-left: 8px; }

  .sm\:spacing-y-2 > * + * {
    margin-top: 8px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-2 > * + * {
    margin-right: 0;
    margin-left: 8px; }

  .md\:spacing-y-2 > * + * {
    margin-top: 8px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-2 > * + * {
    margin-right: 0;
    margin-left: 8px; }

  .xl\:spacing-y-2 > * + * {
    margin-top: 8px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-3 {
    margin: 12px; }

  .sm\:mx-3 {
    margin-left: 12px;
    margin-right: 12px; }

  .sm\:my-3 {
    margin-top: 12px;
    margin-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:m-3 {
    margin: 12px; }

  .md\:mx-3 {
    margin-left: 12px;
    margin-right: 12px; }

  .md\:my-3 {
    margin-top: 12px;
    margin-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:m-3 {
    margin: 12px; }

  .xl\:mx-3 {
    margin-left: 12px;
    margin-right: 12px; }

  .xl\:my-3 {
    margin-top: 12px;
    margin-bottom: 12px; } }
@media (min-width: 640px) {
  .sm\:mt-3 {
    margin-top: 12px; } }
@media (min-width: 960px) {
  .md\:mt-3 {
    margin-top: 12px; } }
@media (min-width: 1280px) {
  .xl\:mt-3 {
    margin-top: 12px; } }
@media (min-width: 640px) {
  .sm\:mr-3 {
    margin-right: 12px; } }
@media (min-width: 960px) {
  .md\:mr-3 {
    margin-right: 12px; } }
@media (min-width: 1280px) {
  .xl\:mr-3 {
    margin-right: 12px; } }
@media (min-width: 640px) {
  .sm\:mb-3 {
    margin-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:mb-3 {
    margin-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:mb-3 {
    margin-bottom: 12px; } }
@media (min-width: 640px) {
  .sm\:ml-3 {
    margin-left: 12px; } }
@media (min-width: 960px) {
  .md\:ml-3 {
    margin-left: 12px; } }
@media (min-width: 1280px) {
  .xl\:ml-3 {
    margin-left: 12px; } }
@media (min-width: 640px) {
  .sm\:p-3 {
    padding: 12px; }

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

  .sm\:py-3 {
    padding-top: 12px;
    padding-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:p-3 {
    padding: 12px; }

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

  .md\:py-3 {
    padding-top: 12px;
    padding-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:p-3 {
    padding: 12px; }

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

  .xl\:py-3 {
    padding-top: 12px;
    padding-bottom: 12px; } }
@media (min-width: 640px) {
  .sm\:pt-3 {
    padding-top: 12px; } }
@media (min-width: 960px) {
  .md\:pt-3 {
    padding-top: 12px; } }
@media (min-width: 1280px) {
  .xl\:pt-3 {
    padding-top: 12px; } }
@media (min-width: 640px) {
  .sm\:pr-3 {
    padding-right: 12px; } }
@media (min-width: 960px) {
  .md\:pr-3 {
    padding-right: 12px; } }
@media (min-width: 1280px) {
  .xl\:pr-3 {
    padding-right: 12px; } }
@media (min-width: 640px) {
  .sm\:pb-3 {
    padding-bottom: 12px; } }
@media (min-width: 960px) {
  .md\:pb-3 {
    padding-bottom: 12px; } }
@media (min-width: 1280px) {
  .xl\:pb-3 {
    padding-bottom: 12px; } }
@media (min-width: 640px) {
  .sm\:pl-3 {
    padding-left: 12px; } }
@media (min-width: 960px) {
  .md\:pl-3 {
    padding-left: 12px; } }
@media (min-width: 1280px) {
  .xl\:pl-3 {
    padding-left: 12px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-3 > * + * {
    margin-right: 0;
    margin-left: 12px; }

  .sm\:spacing-y-3 > * + * {
    margin-top: 12px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-3 > * + * {
    margin-right: 0;
    margin-left: 12px; }

  .md\:spacing-y-3 > * + * {
    margin-top: 12px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-3 > * + * {
    margin-right: 0;
    margin-left: 12px; }

  .xl\:spacing-y-3 > * + * {
    margin-top: 12px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-4 {
    margin: 16px; }

  .sm\:mx-4 {
    margin-left: 16px;
    margin-right: 16px; }

  .sm\:my-4 {
    margin-top: 16px;
    margin-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:m-4 {
    margin: 16px; }

  .md\:mx-4 {
    margin-left: 16px;
    margin-right: 16px; }

  .md\:my-4 {
    margin-top: 16px;
    margin-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:m-4 {
    margin: 16px; }

  .xl\:mx-4 {
    margin-left: 16px;
    margin-right: 16px; }

  .xl\:my-4 {
    margin-top: 16px;
    margin-bottom: 16px; } }
@media (min-width: 640px) {
  .sm\:mt-4 {
    margin-top: 16px; } }
@media (min-width: 960px) {
  .md\:mt-4 {
    margin-top: 16px; } }
@media (min-width: 1280px) {
  .xl\:mt-4 {
    margin-top: 16px; } }
@media (min-width: 640px) {
  .sm\:mr-4 {
    margin-right: 16px; } }
@media (min-width: 960px) {
  .md\:mr-4 {
    margin-right: 16px; } }
@media (min-width: 1280px) {
  .xl\:mr-4 {
    margin-right: 16px; } }
@media (min-width: 640px) {
  .sm\:mb-4 {
    margin-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:mb-4 {
    margin-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:mb-4 {
    margin-bottom: 16px; } }
@media (min-width: 640px) {
  .sm\:ml-4 {
    margin-left: 16px; } }
@media (min-width: 960px) {
  .md\:ml-4 {
    margin-left: 16px; } }
@media (min-width: 1280px) {
  .xl\:ml-4 {
    margin-left: 16px; } }
@media (min-width: 640px) {
  .sm\:p-4 {
    padding: 16px; }

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

  .sm\:py-4 {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:p-4 {
    padding: 16px; }

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

  .md\:py-4 {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:p-4 {
    padding: 16px; }

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

  .xl\:py-4 {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media (min-width: 640px) {
  .sm\:pt-4 {
    padding-top: 16px; } }
@media (min-width: 960px) {
  .md\:pt-4 {
    padding-top: 16px; } }
@media (min-width: 1280px) {
  .xl\:pt-4 {
    padding-top: 16px; } }
@media (min-width: 640px) {
  .sm\:pr-4 {
    padding-right: 16px; } }
@media (min-width: 960px) {
  .md\:pr-4 {
    padding-right: 16px; } }
@media (min-width: 1280px) {
  .xl\:pr-4 {
    padding-right: 16px; } }
@media (min-width: 640px) {
  .sm\:pb-4 {
    padding-bottom: 16px; } }
@media (min-width: 960px) {
  .md\:pb-4 {
    padding-bottom: 16px; } }
@media (min-width: 1280px) {
  .xl\:pb-4 {
    padding-bottom: 16px; } }
@media (min-width: 640px) {
  .sm\:pl-4 {
    padding-left: 16px; } }
@media (min-width: 960px) {
  .md\:pl-4 {
    padding-left: 16px; } }
@media (min-width: 1280px) {
  .xl\:pl-4 {
    padding-left: 16px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-4 > * + * {
    margin-right: 0;
    margin-left: 16px; }

  .sm\:spacing-y-4 > * + * {
    margin-top: 16px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-4 > * + * {
    margin-right: 0;
    margin-left: 16px; }

  .md\:spacing-y-4 > * + * {
    margin-top: 16px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-4 > * + * {
    margin-right: 0;
    margin-left: 16px; }

  .xl\:spacing-y-4 > * + * {
    margin-top: 16px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-5 {
    margin: 20px; }

  .sm\:mx-5 {
    margin-left: 20px;
    margin-right: 20px; }

  .sm\:my-5 {
    margin-top: 20px;
    margin-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:m-5 {
    margin: 20px; }

  .md\:mx-5 {
    margin-left: 20px;
    margin-right: 20px; }

  .md\:my-5 {
    margin-top: 20px;
    margin-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:m-5 {
    margin: 20px; }

  .xl\:mx-5 {
    margin-left: 20px;
    margin-right: 20px; }

  .xl\:my-5 {
    margin-top: 20px;
    margin-bottom: 20px; } }
@media (min-width: 640px) {
  .sm\:mt-5 {
    margin-top: 20px; } }
@media (min-width: 960px) {
  .md\:mt-5 {
    margin-top: 20px; } }
@media (min-width: 1280px) {
  .xl\:mt-5 {
    margin-top: 20px; } }
@media (min-width: 640px) {
  .sm\:mr-5 {
    margin-right: 20px; } }
@media (min-width: 960px) {
  .md\:mr-5 {
    margin-right: 20px; } }
@media (min-width: 1280px) {
  .xl\:mr-5 {
    margin-right: 20px; } }
@media (min-width: 640px) {
  .sm\:mb-5 {
    margin-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:mb-5 {
    margin-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:mb-5 {
    margin-bottom: 20px; } }
@media (min-width: 640px) {
  .sm\:ml-5 {
    margin-left: 20px; } }
@media (min-width: 960px) {
  .md\:ml-5 {
    margin-left: 20px; } }
@media (min-width: 1280px) {
  .xl\:ml-5 {
    margin-left: 20px; } }
@media (min-width: 640px) {
  .sm\:p-5 {
    padding: 20px; }

  .sm\:px-5 {
    padding-left: 20px;
    padding-right: 20px; }

  .sm\:py-5 {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:p-5 {
    padding: 20px; }

  .md\:px-5 {
    padding-left: 20px;
    padding-right: 20px; }

  .md\:py-5 {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:p-5 {
    padding: 20px; }

  .xl\:px-5 {
    padding-left: 20px;
    padding-right: 20px; }

  .xl\:py-5 {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media (min-width: 640px) {
  .sm\:pt-5 {
    padding-top: 20px; } }
@media (min-width: 960px) {
  .md\:pt-5 {
    padding-top: 20px; } }
@media (min-width: 1280px) {
  .xl\:pt-5 {
    padding-top: 20px; } }
@media (min-width: 640px) {
  .sm\:pr-5 {
    padding-right: 20px; } }
@media (min-width: 960px) {
  .md\:pr-5 {
    padding-right: 20px; } }
@media (min-width: 1280px) {
  .xl\:pr-5 {
    padding-right: 20px; } }
@media (min-width: 640px) {
  .sm\:pb-5 {
    padding-bottom: 20px; } }
@media (min-width: 960px) {
  .md\:pb-5 {
    padding-bottom: 20px; } }
@media (min-width: 1280px) {
  .xl\:pb-5 {
    padding-bottom: 20px; } }
@media (min-width: 640px) {
  .sm\:pl-5 {
    padding-left: 20px; } }
@media (min-width: 960px) {
  .md\:pl-5 {
    padding-left: 20px; } }
@media (min-width: 1280px) {
  .xl\:pl-5 {
    padding-left: 20px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-5 > * + * {
    margin-right: 0;
    margin-left: 20px; }

  .sm\:spacing-y-5 > * + * {
    margin-top: 20px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-5 > * + * {
    margin-right: 0;
    margin-left: 20px; }

  .md\:spacing-y-5 > * + * {
    margin-top: 20px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-5 > * + * {
    margin-right: 0;
    margin-left: 20px; }

  .xl\:spacing-y-5 > * + * {
    margin-top: 20px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-6 {
    margin: 24px; }

  .sm\:mx-6 {
    margin-left: 24px;
    margin-right: 24px; }

  .sm\:my-6 {
    margin-top: 24px;
    margin-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:m-6 {
    margin: 24px; }

  .md\:mx-6 {
    margin-left: 24px;
    margin-right: 24px; }

  .md\:my-6 {
    margin-top: 24px;
    margin-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:m-6 {
    margin: 24px; }

  .xl\:mx-6 {
    margin-left: 24px;
    margin-right: 24px; }

  .xl\:my-6 {
    margin-top: 24px;
    margin-bottom: 24px; } }
@media (min-width: 640px) {
  .sm\:mt-6 {
    margin-top: 24px; } }
@media (min-width: 960px) {
  .md\:mt-6 {
    margin-top: 24px; } }
@media (min-width: 1280px) {
  .xl\:mt-6 {
    margin-top: 24px; } }
@media (min-width: 640px) {
  .sm\:mr-6 {
    margin-right: 24px; } }
@media (min-width: 960px) {
  .md\:mr-6 {
    margin-right: 24px; } }
@media (min-width: 1280px) {
  .xl\:mr-6 {
    margin-right: 24px; } }
@media (min-width: 640px) {
  .sm\:mb-6 {
    margin-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:mb-6 {
    margin-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:mb-6 {
    margin-bottom: 24px; } }
@media (min-width: 640px) {
  .sm\:ml-6 {
    margin-left: 24px; } }
@media (min-width: 960px) {
  .md\:ml-6 {
    margin-left: 24px; } }
@media (min-width: 1280px) {
  .xl\:ml-6 {
    margin-left: 24px; } }
@media (min-width: 640px) {
  .sm\:p-6 {
    padding: 24px; }

  .sm\:px-6 {
    padding-left: 24px;
    padding-right: 24px; }

  .sm\:py-6 {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:p-6 {
    padding: 24px; }

  .md\:px-6 {
    padding-left: 24px;
    padding-right: 24px; }

  .md\:py-6 {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:p-6 {
    padding: 24px; }

  .xl\:px-6 {
    padding-left: 24px;
    padding-right: 24px; }

  .xl\:py-6 {
    padding-top: 24px;
    padding-bottom: 24px; } }
@media (min-width: 640px) {
  .sm\:pt-6 {
    padding-top: 24px; } }
@media (min-width: 960px) {
  .md\:pt-6 {
    padding-top: 24px; } }
@media (min-width: 1280px) {
  .xl\:pt-6 {
    padding-top: 24px; } }
@media (min-width: 640px) {
  .sm\:pr-6 {
    padding-right: 24px; } }
@media (min-width: 960px) {
  .md\:pr-6 {
    padding-right: 24px; } }
@media (min-width: 1280px) {
  .xl\:pr-6 {
    padding-right: 24px; } }
@media (min-width: 640px) {
  .sm\:pb-6 {
    padding-bottom: 24px; } }
@media (min-width: 960px) {
  .md\:pb-6 {
    padding-bottom: 24px; } }
@media (min-width: 1280px) {
  .xl\:pb-6 {
    padding-bottom: 24px; } }
@media (min-width: 640px) {
  .sm\:pl-6 {
    padding-left: 24px; } }
@media (min-width: 960px) {
  .md\:pl-6 {
    padding-left: 24px; } }
@media (min-width: 1280px) {
  .xl\:pl-6 {
    padding-left: 24px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-6 > * + * {
    margin-right: 0;
    margin-left: 24px; }

  .sm\:spacing-y-6 > * + * {
    margin-top: 24px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-6 > * + * {
    margin-right: 0;
    margin-left: 24px; }

  .md\:spacing-y-6 > * + * {
    margin-top: 24px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-6 > * + * {
    margin-right: 0;
    margin-left: 24px; }

  .xl\:spacing-y-6 > * + * {
    margin-top: 24px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-7 {
    margin: 28px; }

  .sm\:mx-7 {
    margin-left: 28px;
    margin-right: 28px; }

  .sm\:my-7 {
    margin-top: 28px;
    margin-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:m-7 {
    margin: 28px; }

  .md\:mx-7 {
    margin-left: 28px;
    margin-right: 28px; }

  .md\:my-7 {
    margin-top: 28px;
    margin-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:m-7 {
    margin: 28px; }

  .xl\:mx-7 {
    margin-left: 28px;
    margin-right: 28px; }

  .xl\:my-7 {
    margin-top: 28px;
    margin-bottom: 28px; } }
@media (min-width: 640px) {
  .sm\:mt-7 {
    margin-top: 28px; } }
@media (min-width: 960px) {
  .md\:mt-7 {
    margin-top: 28px; } }
@media (min-width: 1280px) {
  .xl\:mt-7 {
    margin-top: 28px; } }
@media (min-width: 640px) {
  .sm\:mr-7 {
    margin-right: 28px; } }
@media (min-width: 960px) {
  .md\:mr-7 {
    margin-right: 28px; } }
@media (min-width: 1280px) {
  .xl\:mr-7 {
    margin-right: 28px; } }
@media (min-width: 640px) {
  .sm\:mb-7 {
    margin-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:mb-7 {
    margin-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:mb-7 {
    margin-bottom: 28px; } }
@media (min-width: 640px) {
  .sm\:ml-7 {
    margin-left: 28px; } }
@media (min-width: 960px) {
  .md\:ml-7 {
    margin-left: 28px; } }
@media (min-width: 1280px) {
  .xl\:ml-7 {
    margin-left: 28px; } }
@media (min-width: 640px) {
  .sm\:p-7 {
    padding: 28px; }

  .sm\:px-7 {
    padding-left: 28px;
    padding-right: 28px; }

  .sm\:py-7 {
    padding-top: 28px;
    padding-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:p-7 {
    padding: 28px; }

  .md\:px-7 {
    padding-left: 28px;
    padding-right: 28px; }

  .md\:py-7 {
    padding-top: 28px;
    padding-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:p-7 {
    padding: 28px; }

  .xl\:px-7 {
    padding-left: 28px;
    padding-right: 28px; }

  .xl\:py-7 {
    padding-top: 28px;
    padding-bottom: 28px; } }
@media (min-width: 640px) {
  .sm\:pt-7 {
    padding-top: 28px; } }
@media (min-width: 960px) {
  .md\:pt-7 {
    padding-top: 28px; } }
@media (min-width: 1280px) {
  .xl\:pt-7 {
    padding-top: 28px; } }
@media (min-width: 640px) {
  .sm\:pr-7 {
    padding-right: 28px; } }
@media (min-width: 960px) {
  .md\:pr-7 {
    padding-right: 28px; } }
@media (min-width: 1280px) {
  .xl\:pr-7 {
    padding-right: 28px; } }
@media (min-width: 640px) {
  .sm\:pb-7 {
    padding-bottom: 28px; } }
@media (min-width: 960px) {
  .md\:pb-7 {
    padding-bottom: 28px; } }
@media (min-width: 1280px) {
  .xl\:pb-7 {
    padding-bottom: 28px; } }
@media (min-width: 640px) {
  .sm\:pl-7 {
    padding-left: 28px; } }
@media (min-width: 960px) {
  .md\:pl-7 {
    padding-left: 28px; } }
@media (min-width: 1280px) {
  .xl\:pl-7 {
    padding-left: 28px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-7 > * + * {
    margin-right: 0;
    margin-left: 28px; }

  .sm\:spacing-y-7 > * + * {
    margin-top: 28px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-7 > * + * {
    margin-right: 0;
    margin-left: 28px; }

  .md\:spacing-y-7 > * + * {
    margin-top: 28px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-7 > * + * {
    margin-right: 0;
    margin-left: 28px; }

  .xl\:spacing-y-7 > * + * {
    margin-top: 28px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-8 {
    margin: 32px; }

  .sm\:mx-8 {
    margin-left: 32px;
    margin-right: 32px; }

  .sm\:my-8 {
    margin-top: 32px;
    margin-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:m-8 {
    margin: 32px; }

  .md\:mx-8 {
    margin-left: 32px;
    margin-right: 32px; }

  .md\:my-8 {
    margin-top: 32px;
    margin-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:m-8 {
    margin: 32px; }

  .xl\:mx-8 {
    margin-left: 32px;
    margin-right: 32px; }

  .xl\:my-8 {
    margin-top: 32px;
    margin-bottom: 32px; } }
@media (min-width: 640px) {
  .sm\:mt-8 {
    margin-top: 32px; } }
@media (min-width: 960px) {
  .md\:mt-8 {
    margin-top: 32px; } }
@media (min-width: 1280px) {
  .xl\:mt-8 {
    margin-top: 32px; } }
@media (min-width: 640px) {
  .sm\:mr-8 {
    margin-right: 32px; } }
@media (min-width: 960px) {
  .md\:mr-8 {
    margin-right: 32px; } }
@media (min-width: 1280px) {
  .xl\:mr-8 {
    margin-right: 32px; } }
@media (min-width: 640px) {
  .sm\:mb-8 {
    margin-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:mb-8 {
    margin-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:mb-8 {
    margin-bottom: 32px; } }
@media (min-width: 640px) {
  .sm\:ml-8 {
    margin-left: 32px; } }
@media (min-width: 960px) {
  .md\:ml-8 {
    margin-left: 32px; } }
@media (min-width: 1280px) {
  .xl\:ml-8 {
    margin-left: 32px; } }
@media (min-width: 640px) {
  .sm\:p-8 {
    padding: 32px; }

  .sm\:px-8 {
    padding-left: 32px;
    padding-right: 32px; }

  .sm\:py-8 {
    padding-top: 32px;
    padding-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:p-8 {
    padding: 32px; }

  .md\:px-8 {
    padding-left: 32px;
    padding-right: 32px; }

  .md\:py-8 {
    padding-top: 32px;
    padding-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:p-8 {
    padding: 32px; }

  .xl\:px-8 {
    padding-left: 32px;
    padding-right: 32px; }

  .xl\:py-8 {
    padding-top: 32px;
    padding-bottom: 32px; } }
@media (min-width: 640px) {
  .sm\:pt-8 {
    padding-top: 32px; } }
@media (min-width: 960px) {
  .md\:pt-8 {
    padding-top: 32px; } }
@media (min-width: 1280px) {
  .xl\:pt-8 {
    padding-top: 32px; } }
@media (min-width: 640px) {
  .sm\:pr-8 {
    padding-right: 32px; } }
@media (min-width: 960px) {
  .md\:pr-8 {
    padding-right: 32px; } }
@media (min-width: 1280px) {
  .xl\:pr-8 {
    padding-right: 32px; } }
@media (min-width: 640px) {
  .sm\:pb-8 {
    padding-bottom: 32px; } }
@media (min-width: 960px) {
  .md\:pb-8 {
    padding-bottom: 32px; } }
@media (min-width: 1280px) {
  .xl\:pb-8 {
    padding-bottom: 32px; } }
@media (min-width: 640px) {
  .sm\:pl-8 {
    padding-left: 32px; } }
@media (min-width: 960px) {
  .md\:pl-8 {
    padding-left: 32px; } }
@media (min-width: 1280px) {
  .xl\:pl-8 {
    padding-left: 32px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-8 > * + * {
    margin-right: 0;
    margin-left: 32px; }

  .sm\:spacing-y-8 > * + * {
    margin-top: 32px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-8 > * + * {
    margin-right: 0;
    margin-left: 32px; }

  .md\:spacing-y-8 > * + * {
    margin-top: 32px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-8 > * + * {
    margin-right: 0;
    margin-left: 32px; }

  .xl\:spacing-y-8 > * + * {
    margin-top: 32px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-9 {
    margin: 36px; }

  .sm\:mx-9 {
    margin-left: 36px;
    margin-right: 36px; }

  .sm\:my-9 {
    margin-top: 36px;
    margin-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:m-9 {
    margin: 36px; }

  .md\:mx-9 {
    margin-left: 36px;
    margin-right: 36px; }

  .md\:my-9 {
    margin-top: 36px;
    margin-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:m-9 {
    margin: 36px; }

  .xl\:mx-9 {
    margin-left: 36px;
    margin-right: 36px; }

  .xl\:my-9 {
    margin-top: 36px;
    margin-bottom: 36px; } }
@media (min-width: 640px) {
  .sm\:mt-9 {
    margin-top: 36px; } }
@media (min-width: 960px) {
  .md\:mt-9 {
    margin-top: 36px; } }
@media (min-width: 1280px) {
  .xl\:mt-9 {
    margin-top: 36px; } }
@media (min-width: 640px) {
  .sm\:mr-9 {
    margin-right: 36px; } }
@media (min-width: 960px) {
  .md\:mr-9 {
    margin-right: 36px; } }
@media (min-width: 1280px) {
  .xl\:mr-9 {
    margin-right: 36px; } }
@media (min-width: 640px) {
  .sm\:mb-9 {
    margin-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:mb-9 {
    margin-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:mb-9 {
    margin-bottom: 36px; } }
@media (min-width: 640px) {
  .sm\:ml-9 {
    margin-left: 36px; } }
@media (min-width: 960px) {
  .md\:ml-9 {
    margin-left: 36px; } }
@media (min-width: 1280px) {
  .xl\:ml-9 {
    margin-left: 36px; } }
@media (min-width: 640px) {
  .sm\:p-9 {
    padding: 36px; }

  .sm\:px-9 {
    padding-left: 36px;
    padding-right: 36px; }

  .sm\:py-9 {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:p-9 {
    padding: 36px; }

  .md\:px-9 {
    padding-left: 36px;
    padding-right: 36px; }

  .md\:py-9 {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:p-9 {
    padding: 36px; }

  .xl\:px-9 {
    padding-left: 36px;
    padding-right: 36px; }

  .xl\:py-9 {
    padding-top: 36px;
    padding-bottom: 36px; } }
@media (min-width: 640px) {
  .sm\:pt-9 {
    padding-top: 36px; } }
@media (min-width: 960px) {
  .md\:pt-9 {
    padding-top: 36px; } }
@media (min-width: 1280px) {
  .xl\:pt-9 {
    padding-top: 36px; } }
@media (min-width: 640px) {
  .sm\:pr-9 {
    padding-right: 36px; } }
@media (min-width: 960px) {
  .md\:pr-9 {
    padding-right: 36px; } }
@media (min-width: 1280px) {
  .xl\:pr-9 {
    padding-right: 36px; } }
@media (min-width: 640px) {
  .sm\:pb-9 {
    padding-bottom: 36px; } }
@media (min-width: 960px) {
  .md\:pb-9 {
    padding-bottom: 36px; } }
@media (min-width: 1280px) {
  .xl\:pb-9 {
    padding-bottom: 36px; } }
@media (min-width: 640px) {
  .sm\:pl-9 {
    padding-left: 36px; } }
@media (min-width: 960px) {
  .md\:pl-9 {
    padding-left: 36px; } }
@media (min-width: 1280px) {
  .xl\:pl-9 {
    padding-left: 36px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-9 > * + * {
    margin-right: 0;
    margin-left: 36px; }

  .sm\:spacing-y-9 > * + * {
    margin-top: 36px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-9 > * + * {
    margin-right: 0;
    margin-left: 36px; }

  .md\:spacing-y-9 > * + * {
    margin-top: 36px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-9 > * + * {
    margin-right: 0;
    margin-left: 36px; }

  .xl\:spacing-y-9 > * + * {
    margin-top: 36px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-10 {
    margin: 40px; }

  .sm\:mx-10 {
    margin-left: 40px;
    margin-right: 40px; }

  .sm\:my-10 {
    margin-top: 40px;
    margin-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:m-10 {
    margin: 40px; }

  .md\:mx-10 {
    margin-left: 40px;
    margin-right: 40px; }

  .md\:my-10 {
    margin-top: 40px;
    margin-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:m-10 {
    margin: 40px; }

  .xl\:mx-10 {
    margin-left: 40px;
    margin-right: 40px; }

  .xl\:my-10 {
    margin-top: 40px;
    margin-bottom: 40px; } }
@media (min-width: 640px) {
  .sm\:mt-10 {
    margin-top: 40px; } }
@media (min-width: 960px) {
  .md\:mt-10 {
    margin-top: 40px; } }
@media (min-width: 1280px) {
  .xl\:mt-10 {
    margin-top: 40px; } }
@media (min-width: 640px) {
  .sm\:mr-10 {
    margin-right: 40px; } }
@media (min-width: 960px) {
  .md\:mr-10 {
    margin-right: 40px; } }
@media (min-width: 1280px) {
  .xl\:mr-10 {
    margin-right: 40px; } }
@media (min-width: 640px) {
  .sm\:mb-10 {
    margin-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:mb-10 {
    margin-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:mb-10 {
    margin-bottom: 40px; } }
@media (min-width: 640px) {
  .sm\:ml-10 {
    margin-left: 40px; } }
@media (min-width: 960px) {
  .md\:ml-10 {
    margin-left: 40px; } }
@media (min-width: 1280px) {
  .xl\:ml-10 {
    margin-left: 40px; } }
@media (min-width: 640px) {
  .sm\:p-10 {
    padding: 40px; }

  .sm\:px-10 {
    padding-left: 40px;
    padding-right: 40px; }

  .sm\:py-10 {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:p-10 {
    padding: 40px; }

  .md\:px-10 {
    padding-left: 40px;
    padding-right: 40px; }

  .md\:py-10 {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:p-10 {
    padding: 40px; }

  .xl\:px-10 {
    padding-left: 40px;
    padding-right: 40px; }

  .xl\:py-10 {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media (min-width: 640px) {
  .sm\:pt-10 {
    padding-top: 40px; } }
@media (min-width: 960px) {
  .md\:pt-10 {
    padding-top: 40px; } }
@media (min-width: 1280px) {
  .xl\:pt-10 {
    padding-top: 40px; } }
@media (min-width: 640px) {
  .sm\:pr-10 {
    padding-right: 40px; } }
@media (min-width: 960px) {
  .md\:pr-10 {
    padding-right: 40px; } }
@media (min-width: 1280px) {
  .xl\:pr-10 {
    padding-right: 40px; } }
@media (min-width: 640px) {
  .sm\:pb-10 {
    padding-bottom: 40px; } }
@media (min-width: 960px) {
  .md\:pb-10 {
    padding-bottom: 40px; } }
@media (min-width: 1280px) {
  .xl\:pb-10 {
    padding-bottom: 40px; } }
@media (min-width: 640px) {
  .sm\:pl-10 {
    padding-left: 40px; } }
@media (min-width: 960px) {
  .md\:pl-10 {
    padding-left: 40px; } }
@media (min-width: 1280px) {
  .xl\:pl-10 {
    padding-left: 40px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-10 > * + * {
    margin-right: 0;
    margin-left: 40px; }

  .sm\:spacing-y-10 > * + * {
    margin-top: 40px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-10 > * + * {
    margin-right: 0;
    margin-left: 40px; }

  .md\:spacing-y-10 > * + * {
    margin-top: 40px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-10 > * + * {
    margin-right: 0;
    margin-left: 40px; }

  .xl\:spacing-y-10 > * + * {
    margin-top: 40px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-11 {
    margin: 44px; }

  .sm\:mx-11 {
    margin-left: 44px;
    margin-right: 44px; }

  .sm\:my-11 {
    margin-top: 44px;
    margin-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:m-11 {
    margin: 44px; }

  .md\:mx-11 {
    margin-left: 44px;
    margin-right: 44px; }

  .md\:my-11 {
    margin-top: 44px;
    margin-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:m-11 {
    margin: 44px; }

  .xl\:mx-11 {
    margin-left: 44px;
    margin-right: 44px; }

  .xl\:my-11 {
    margin-top: 44px;
    margin-bottom: 44px; } }
@media (min-width: 640px) {
  .sm\:mt-11 {
    margin-top: 44px; } }
@media (min-width: 960px) {
  .md\:mt-11 {
    margin-top: 44px; } }
@media (min-width: 1280px) {
  .xl\:mt-11 {
    margin-top: 44px; } }
@media (min-width: 640px) {
  .sm\:mr-11 {
    margin-right: 44px; } }
@media (min-width: 960px) {
  .md\:mr-11 {
    margin-right: 44px; } }
@media (min-width: 1280px) {
  .xl\:mr-11 {
    margin-right: 44px; } }
@media (min-width: 640px) {
  .sm\:mb-11 {
    margin-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:mb-11 {
    margin-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:mb-11 {
    margin-bottom: 44px; } }
@media (min-width: 640px) {
  .sm\:ml-11 {
    margin-left: 44px; } }
@media (min-width: 960px) {
  .md\:ml-11 {
    margin-left: 44px; } }
@media (min-width: 1280px) {
  .xl\:ml-11 {
    margin-left: 44px; } }
@media (min-width: 640px) {
  .sm\:p-11 {
    padding: 44px; }

  .sm\:px-11 {
    padding-left: 44px;
    padding-right: 44px; }

  .sm\:py-11 {
    padding-top: 44px;
    padding-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:p-11 {
    padding: 44px; }

  .md\:px-11 {
    padding-left: 44px;
    padding-right: 44px; }

  .md\:py-11 {
    padding-top: 44px;
    padding-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:p-11 {
    padding: 44px; }

  .xl\:px-11 {
    padding-left: 44px;
    padding-right: 44px; }

  .xl\:py-11 {
    padding-top: 44px;
    padding-bottom: 44px; } }
@media (min-width: 640px) {
  .sm\:pt-11 {
    padding-top: 44px; } }
@media (min-width: 960px) {
  .md\:pt-11 {
    padding-top: 44px; } }
@media (min-width: 1280px) {
  .xl\:pt-11 {
    padding-top: 44px; } }
@media (min-width: 640px) {
  .sm\:pr-11 {
    padding-right: 44px; } }
@media (min-width: 960px) {
  .md\:pr-11 {
    padding-right: 44px; } }
@media (min-width: 1280px) {
  .xl\:pr-11 {
    padding-right: 44px; } }
@media (min-width: 640px) {
  .sm\:pb-11 {
    padding-bottom: 44px; } }
@media (min-width: 960px) {
  .md\:pb-11 {
    padding-bottom: 44px; } }
@media (min-width: 1280px) {
  .xl\:pb-11 {
    padding-bottom: 44px; } }
@media (min-width: 640px) {
  .sm\:pl-11 {
    padding-left: 44px; } }
@media (min-width: 960px) {
  .md\:pl-11 {
    padding-left: 44px; } }
@media (min-width: 1280px) {
  .xl\:pl-11 {
    padding-left: 44px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-11 > * + * {
    margin-right: 0;
    margin-left: 44px; }

  .sm\:spacing-y-11 > * + * {
    margin-top: 44px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-11 > * + * {
    margin-right: 0;
    margin-left: 44px; }

  .md\:spacing-y-11 > * + * {
    margin-top: 44px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-11 > * + * {
    margin-right: 0;
    margin-left: 44px; }

  .xl\:spacing-y-11 > * + * {
    margin-top: 44px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-12 {
    margin: 48px; }

  .sm\:mx-12 {
    margin-left: 48px;
    margin-right: 48px; }

  .sm\:my-12 {
    margin-top: 48px;
    margin-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:m-12 {
    margin: 48px; }

  .md\:mx-12 {
    margin-left: 48px;
    margin-right: 48px; }

  .md\:my-12 {
    margin-top: 48px;
    margin-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:m-12 {
    margin: 48px; }

  .xl\:mx-12 {
    margin-left: 48px;
    margin-right: 48px; }

  .xl\:my-12 {
    margin-top: 48px;
    margin-bottom: 48px; } }
@media (min-width: 640px) {
  .sm\:mt-12 {
    margin-top: 48px; } }
@media (min-width: 960px) {
  .md\:mt-12 {
    margin-top: 48px; } }
@media (min-width: 1280px) {
  .xl\:mt-12 {
    margin-top: 48px; } }
@media (min-width: 640px) {
  .sm\:mr-12 {
    margin-right: 48px; } }
@media (min-width: 960px) {
  .md\:mr-12 {
    margin-right: 48px; } }
@media (min-width: 1280px) {
  .xl\:mr-12 {
    margin-right: 48px; } }
@media (min-width: 640px) {
  .sm\:mb-12 {
    margin-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:mb-12 {
    margin-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:mb-12 {
    margin-bottom: 48px; } }
@media (min-width: 640px) {
  .sm\:ml-12 {
    margin-left: 48px; } }
@media (min-width: 960px) {
  .md\:ml-12 {
    margin-left: 48px; } }
@media (min-width: 1280px) {
  .xl\:ml-12 {
    margin-left: 48px; } }
@media (min-width: 640px) {
  .sm\:p-12 {
    padding: 48px; }

  .sm\:px-12 {
    padding-left: 48px;
    padding-right: 48px; }

  .sm\:py-12 {
    padding-top: 48px;
    padding-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:p-12 {
    padding: 48px; }

  .md\:px-12 {
    padding-left: 48px;
    padding-right: 48px; }

  .md\:py-12 {
    padding-top: 48px;
    padding-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:p-12 {
    padding: 48px; }

  .xl\:px-12 {
    padding-left: 48px;
    padding-right: 48px; }

  .xl\:py-12 {
    padding-top: 48px;
    padding-bottom: 48px; } }
@media (min-width: 640px) {
  .sm\:pt-12 {
    padding-top: 48px; } }
@media (min-width: 960px) {
  .md\:pt-12 {
    padding-top: 48px; } }
@media (min-width: 1280px) {
  .xl\:pt-12 {
    padding-top: 48px; } }
@media (min-width: 640px) {
  .sm\:pr-12 {
    padding-right: 48px; } }
@media (min-width: 960px) {
  .md\:pr-12 {
    padding-right: 48px; } }
@media (min-width: 1280px) {
  .xl\:pr-12 {
    padding-right: 48px; } }
@media (min-width: 640px) {
  .sm\:pb-12 {
    padding-bottom: 48px; } }
@media (min-width: 960px) {
  .md\:pb-12 {
    padding-bottom: 48px; } }
@media (min-width: 1280px) {
  .xl\:pb-12 {
    padding-bottom: 48px; } }
@media (min-width: 640px) {
  .sm\:pl-12 {
    padding-left: 48px; } }
@media (min-width: 960px) {
  .md\:pl-12 {
    padding-left: 48px; } }
@media (min-width: 1280px) {
  .xl\:pl-12 {
    padding-left: 48px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-12 > * + * {
    margin-right: 0;
    margin-left: 48px; }

  .sm\:spacing-y-12 > * + * {
    margin-top: 48px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-12 > * + * {
    margin-right: 0;
    margin-left: 48px; }

  .md\:spacing-y-12 > * + * {
    margin-top: 48px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-12 > * + * {
    margin-right: 0;
    margin-left: 48px; }

  .xl\:spacing-y-12 > * + * {
    margin-top: 48px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-13 {
    margin: 52px; }

  .sm\:mx-13 {
    margin-left: 52px;
    margin-right: 52px; }

  .sm\:my-13 {
    margin-top: 52px;
    margin-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:m-13 {
    margin: 52px; }

  .md\:mx-13 {
    margin-left: 52px;
    margin-right: 52px; }

  .md\:my-13 {
    margin-top: 52px;
    margin-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:m-13 {
    margin: 52px; }

  .xl\:mx-13 {
    margin-left: 52px;
    margin-right: 52px; }

  .xl\:my-13 {
    margin-top: 52px;
    margin-bottom: 52px; } }
@media (min-width: 640px) {
  .sm\:mt-13 {
    margin-top: 52px; } }
@media (min-width: 960px) {
  .md\:mt-13 {
    margin-top: 52px; } }
@media (min-width: 1280px) {
  .xl\:mt-13 {
    margin-top: 52px; } }
@media (min-width: 640px) {
  .sm\:mr-13 {
    margin-right: 52px; } }
@media (min-width: 960px) {
  .md\:mr-13 {
    margin-right: 52px; } }
@media (min-width: 1280px) {
  .xl\:mr-13 {
    margin-right: 52px; } }
@media (min-width: 640px) {
  .sm\:mb-13 {
    margin-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:mb-13 {
    margin-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:mb-13 {
    margin-bottom: 52px; } }
@media (min-width: 640px) {
  .sm\:ml-13 {
    margin-left: 52px; } }
@media (min-width: 960px) {
  .md\:ml-13 {
    margin-left: 52px; } }
@media (min-width: 1280px) {
  .xl\:ml-13 {
    margin-left: 52px; } }
@media (min-width: 640px) {
  .sm\:p-13 {
    padding: 52px; }

  .sm\:px-13 {
    padding-left: 52px;
    padding-right: 52px; }

  .sm\:py-13 {
    padding-top: 52px;
    padding-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:p-13 {
    padding: 52px; }

  .md\:px-13 {
    padding-left: 52px;
    padding-right: 52px; }

  .md\:py-13 {
    padding-top: 52px;
    padding-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:p-13 {
    padding: 52px; }

  .xl\:px-13 {
    padding-left: 52px;
    padding-right: 52px; }

  .xl\:py-13 {
    padding-top: 52px;
    padding-bottom: 52px; } }
@media (min-width: 640px) {
  .sm\:pt-13 {
    padding-top: 52px; } }
@media (min-width: 960px) {
  .md\:pt-13 {
    padding-top: 52px; } }
@media (min-width: 1280px) {
  .xl\:pt-13 {
    padding-top: 52px; } }
@media (min-width: 640px) {
  .sm\:pr-13 {
    padding-right: 52px; } }
@media (min-width: 960px) {
  .md\:pr-13 {
    padding-right: 52px; } }
@media (min-width: 1280px) {
  .xl\:pr-13 {
    padding-right: 52px; } }
@media (min-width: 640px) {
  .sm\:pb-13 {
    padding-bottom: 52px; } }
@media (min-width: 960px) {
  .md\:pb-13 {
    padding-bottom: 52px; } }
@media (min-width: 1280px) {
  .xl\:pb-13 {
    padding-bottom: 52px; } }
@media (min-width: 640px) {
  .sm\:pl-13 {
    padding-left: 52px; } }
@media (min-width: 960px) {
  .md\:pl-13 {
    padding-left: 52px; } }
@media (min-width: 1280px) {
  .xl\:pl-13 {
    padding-left: 52px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-13 > * + * {
    margin-right: 0;
    margin-left: 52px; }

  .sm\:spacing-y-13 > * + * {
    margin-top: 52px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-13 > * + * {
    margin-right: 0;
    margin-left: 52px; }

  .md\:spacing-y-13 > * + * {
    margin-top: 52px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-13 > * + * {
    margin-right: 0;
    margin-left: 52px; }

  .xl\:spacing-y-13 > * + * {
    margin-top: 52px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-14 {
    margin: 56px; }

  .sm\:mx-14 {
    margin-left: 56px;
    margin-right: 56px; }

  .sm\:my-14 {
    margin-top: 56px;
    margin-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:m-14 {
    margin: 56px; }

  .md\:mx-14 {
    margin-left: 56px;
    margin-right: 56px; }

  .md\:my-14 {
    margin-top: 56px;
    margin-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:m-14 {
    margin: 56px; }

  .xl\:mx-14 {
    margin-left: 56px;
    margin-right: 56px; }

  .xl\:my-14 {
    margin-top: 56px;
    margin-bottom: 56px; } }
@media (min-width: 640px) {
  .sm\:mt-14 {
    margin-top: 56px; } }
@media (min-width: 960px) {
  .md\:mt-14 {
    margin-top: 56px; } }
@media (min-width: 1280px) {
  .xl\:mt-14 {
    margin-top: 56px; } }
@media (min-width: 640px) {
  .sm\:mr-14 {
    margin-right: 56px; } }
@media (min-width: 960px) {
  .md\:mr-14 {
    margin-right: 56px; } }
@media (min-width: 1280px) {
  .xl\:mr-14 {
    margin-right: 56px; } }
@media (min-width: 640px) {
  .sm\:mb-14 {
    margin-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:mb-14 {
    margin-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:mb-14 {
    margin-bottom: 56px; } }
@media (min-width: 640px) {
  .sm\:ml-14 {
    margin-left: 56px; } }
@media (min-width: 960px) {
  .md\:ml-14 {
    margin-left: 56px; } }
@media (min-width: 1280px) {
  .xl\:ml-14 {
    margin-left: 56px; } }
@media (min-width: 640px) {
  .sm\:p-14 {
    padding: 56px; }

  .sm\:px-14 {
    padding-left: 56px;
    padding-right: 56px; }

  .sm\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:p-14 {
    padding: 56px; }

  .md\:px-14 {
    padding-left: 56px;
    padding-right: 56px; }

  .md\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:p-14 {
    padding: 56px; }

  .xl\:px-14 {
    padding-left: 56px;
    padding-right: 56px; }

  .xl\:py-14 {
    padding-top: 56px;
    padding-bottom: 56px; } }
@media (min-width: 640px) {
  .sm\:pt-14 {
    padding-top: 56px; } }
@media (min-width: 960px) {
  .md\:pt-14 {
    padding-top: 56px; } }
@media (min-width: 1280px) {
  .xl\:pt-14 {
    padding-top: 56px; } }
@media (min-width: 640px) {
  .sm\:pr-14 {
    padding-right: 56px; } }
@media (min-width: 960px) {
  .md\:pr-14 {
    padding-right: 56px; } }
@media (min-width: 1280px) {
  .xl\:pr-14 {
    padding-right: 56px; } }
@media (min-width: 640px) {
  .sm\:pb-14 {
    padding-bottom: 56px; } }
@media (min-width: 960px) {
  .md\:pb-14 {
    padding-bottom: 56px; } }
@media (min-width: 1280px) {
  .xl\:pb-14 {
    padding-bottom: 56px; } }
@media (min-width: 640px) {
  .sm\:pl-14 {
    padding-left: 56px; } }
@media (min-width: 960px) {
  .md\:pl-14 {
    padding-left: 56px; } }
@media (min-width: 1280px) {
  .xl\:pl-14 {
    padding-left: 56px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-14 > * + * {
    margin-right: 0;
    margin-left: 56px; }

  .sm\:spacing-y-14 > * + * {
    margin-top: 56px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-14 > * + * {
    margin-right: 0;
    margin-left: 56px; }

  .md\:spacing-y-14 > * + * {
    margin-top: 56px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-14 > * + * {
    margin-right: 0;
    margin-left: 56px; }

  .xl\:spacing-y-14 > * + * {
    margin-top: 56px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-15 {
    margin: 60px; }

  .sm\:mx-15 {
    margin-left: 60px;
    margin-right: 60px; }

  .sm\:my-15 {
    margin-top: 60px;
    margin-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:m-15 {
    margin: 60px; }

  .md\:mx-15 {
    margin-left: 60px;
    margin-right: 60px; }

  .md\:my-15 {
    margin-top: 60px;
    margin-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:m-15 {
    margin: 60px; }

  .xl\:mx-15 {
    margin-left: 60px;
    margin-right: 60px; }

  .xl\:my-15 {
    margin-top: 60px;
    margin-bottom: 60px; } }
@media (min-width: 640px) {
  .sm\:mt-15 {
    margin-top: 60px; } }
@media (min-width: 960px) {
  .md\:mt-15 {
    margin-top: 60px; } }
@media (min-width: 1280px) {
  .xl\:mt-15 {
    margin-top: 60px; } }
@media (min-width: 640px) {
  .sm\:mr-15 {
    margin-right: 60px; } }
@media (min-width: 960px) {
  .md\:mr-15 {
    margin-right: 60px; } }
@media (min-width: 1280px) {
  .xl\:mr-15 {
    margin-right: 60px; } }
@media (min-width: 640px) {
  .sm\:mb-15 {
    margin-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:mb-15 {
    margin-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:mb-15 {
    margin-bottom: 60px; } }
@media (min-width: 640px) {
  .sm\:ml-15 {
    margin-left: 60px; } }
@media (min-width: 960px) {
  .md\:ml-15 {
    margin-left: 60px; } }
@media (min-width: 1280px) {
  .xl\:ml-15 {
    margin-left: 60px; } }
@media (min-width: 640px) {
  .sm\:p-15 {
    padding: 60px; }

  .sm\:px-15 {
    padding-left: 60px;
    padding-right: 60px; }

  .sm\:py-15 {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:p-15 {
    padding: 60px; }

  .md\:px-15 {
    padding-left: 60px;
    padding-right: 60px; }

  .md\:py-15 {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:p-15 {
    padding: 60px; }

  .xl\:px-15 {
    padding-left: 60px;
    padding-right: 60px; }

  .xl\:py-15 {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media (min-width: 640px) {
  .sm\:pt-15 {
    padding-top: 60px; } }
@media (min-width: 960px) {
  .md\:pt-15 {
    padding-top: 60px; } }
@media (min-width: 1280px) {
  .xl\:pt-15 {
    padding-top: 60px; } }
@media (min-width: 640px) {
  .sm\:pr-15 {
    padding-right: 60px; } }
@media (min-width: 960px) {
  .md\:pr-15 {
    padding-right: 60px; } }
@media (min-width: 1280px) {
  .xl\:pr-15 {
    padding-right: 60px; } }
@media (min-width: 640px) {
  .sm\:pb-15 {
    padding-bottom: 60px; } }
@media (min-width: 960px) {
  .md\:pb-15 {
    padding-bottom: 60px; } }
@media (min-width: 1280px) {
  .xl\:pb-15 {
    padding-bottom: 60px; } }
@media (min-width: 640px) {
  .sm\:pl-15 {
    padding-left: 60px; } }
@media (min-width: 960px) {
  .md\:pl-15 {
    padding-left: 60px; } }
@media (min-width: 1280px) {
  .xl\:pl-15 {
    padding-left: 60px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-15 > * + * {
    margin-right: 0;
    margin-left: 60px; }

  .sm\:spacing-y-15 > * + * {
    margin-top: 60px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-15 > * + * {
    margin-right: 0;
    margin-left: 60px; }

  .md\:spacing-y-15 > * + * {
    margin-top: 60px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-15 > * + * {
    margin-right: 0;
    margin-left: 60px; }

  .xl\:spacing-y-15 > * + * {
    margin-top: 60px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-16 {
    margin: 64px; }

  .sm\:mx-16 {
    margin-left: 64px;
    margin-right: 64px; }

  .sm\:my-16 {
    margin-top: 64px;
    margin-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:m-16 {
    margin: 64px; }

  .md\:mx-16 {
    margin-left: 64px;
    margin-right: 64px; }

  .md\:my-16 {
    margin-top: 64px;
    margin-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:m-16 {
    margin: 64px; }

  .xl\:mx-16 {
    margin-left: 64px;
    margin-right: 64px; }

  .xl\:my-16 {
    margin-top: 64px;
    margin-bottom: 64px; } }
@media (min-width: 640px) {
  .sm\:mt-16 {
    margin-top: 64px; } }
@media (min-width: 960px) {
  .md\:mt-16 {
    margin-top: 64px; } }
@media (min-width: 1280px) {
  .xl\:mt-16 {
    margin-top: 64px; } }
@media (min-width: 640px) {
  .sm\:mr-16 {
    margin-right: 64px; } }
@media (min-width: 960px) {
  .md\:mr-16 {
    margin-right: 64px; } }
@media (min-width: 1280px) {
  .xl\:mr-16 {
    margin-right: 64px; } }
@media (min-width: 640px) {
  .sm\:mb-16 {
    margin-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:mb-16 {
    margin-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:mb-16 {
    margin-bottom: 64px; } }
@media (min-width: 640px) {
  .sm\:ml-16 {
    margin-left: 64px; } }
@media (min-width: 960px) {
  .md\:ml-16 {
    margin-left: 64px; } }
@media (min-width: 1280px) {
  .xl\:ml-16 {
    margin-left: 64px; } }
@media (min-width: 640px) {
  .sm\:p-16 {
    padding: 64px; }

  .sm\:px-16 {
    padding-left: 64px;
    padding-right: 64px; }

  .sm\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:p-16 {
    padding: 64px; }

  .md\:px-16 {
    padding-left: 64px;
    padding-right: 64px; }

  .md\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:p-16 {
    padding: 64px; }

  .xl\:px-16 {
    padding-left: 64px;
    padding-right: 64px; }

  .xl\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px; } }
@media (min-width: 640px) {
  .sm\:pt-16 {
    padding-top: 64px; } }
@media (min-width: 960px) {
  .md\:pt-16 {
    padding-top: 64px; } }
@media (min-width: 1280px) {
  .xl\:pt-16 {
    padding-top: 64px; } }
@media (min-width: 640px) {
  .sm\:pr-16 {
    padding-right: 64px; } }
@media (min-width: 960px) {
  .md\:pr-16 {
    padding-right: 64px; } }
@media (min-width: 1280px) {
  .xl\:pr-16 {
    padding-right: 64px; } }
@media (min-width: 640px) {
  .sm\:pb-16 {
    padding-bottom: 64px; } }
@media (min-width: 960px) {
  .md\:pb-16 {
    padding-bottom: 64px; } }
@media (min-width: 1280px) {
  .xl\:pb-16 {
    padding-bottom: 64px; } }
@media (min-width: 640px) {
  .sm\:pl-16 {
    padding-left: 64px; } }
@media (min-width: 960px) {
  .md\:pl-16 {
    padding-left: 64px; } }
@media (min-width: 1280px) {
  .xl\:pl-16 {
    padding-left: 64px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-16 > * + * {
    margin-right: 0;
    margin-left: 64px; }

  .sm\:spacing-y-16 > * + * {
    margin-top: 64px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-16 > * + * {
    margin-right: 0;
    margin-left: 64px; }

  .md\:spacing-y-16 > * + * {
    margin-top: 64px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-16 > * + * {
    margin-right: 0;
    margin-left: 64px; }

  .xl\:spacing-y-16 > * + * {
    margin-top: 64px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-17 {
    margin: 68px; }

  .sm\:mx-17 {
    margin-left: 68px;
    margin-right: 68px; }

  .sm\:my-17 {
    margin-top: 68px;
    margin-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:m-17 {
    margin: 68px; }

  .md\:mx-17 {
    margin-left: 68px;
    margin-right: 68px; }

  .md\:my-17 {
    margin-top: 68px;
    margin-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:m-17 {
    margin: 68px; }

  .xl\:mx-17 {
    margin-left: 68px;
    margin-right: 68px; }

  .xl\:my-17 {
    margin-top: 68px;
    margin-bottom: 68px; } }
@media (min-width: 640px) {
  .sm\:mt-17 {
    margin-top: 68px; } }
@media (min-width: 960px) {
  .md\:mt-17 {
    margin-top: 68px; } }
@media (min-width: 1280px) {
  .xl\:mt-17 {
    margin-top: 68px; } }
@media (min-width: 640px) {
  .sm\:mr-17 {
    margin-right: 68px; } }
@media (min-width: 960px) {
  .md\:mr-17 {
    margin-right: 68px; } }
@media (min-width: 1280px) {
  .xl\:mr-17 {
    margin-right: 68px; } }
@media (min-width: 640px) {
  .sm\:mb-17 {
    margin-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:mb-17 {
    margin-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:mb-17 {
    margin-bottom: 68px; } }
@media (min-width: 640px) {
  .sm\:ml-17 {
    margin-left: 68px; } }
@media (min-width: 960px) {
  .md\:ml-17 {
    margin-left: 68px; } }
@media (min-width: 1280px) {
  .xl\:ml-17 {
    margin-left: 68px; } }
@media (min-width: 640px) {
  .sm\:p-17 {
    padding: 68px; }

  .sm\:px-17 {
    padding-left: 68px;
    padding-right: 68px; }

  .sm\:py-17 {
    padding-top: 68px;
    padding-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:p-17 {
    padding: 68px; }

  .md\:px-17 {
    padding-left: 68px;
    padding-right: 68px; }

  .md\:py-17 {
    padding-top: 68px;
    padding-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:p-17 {
    padding: 68px; }

  .xl\:px-17 {
    padding-left: 68px;
    padding-right: 68px; }

  .xl\:py-17 {
    padding-top: 68px;
    padding-bottom: 68px; } }
@media (min-width: 640px) {
  .sm\:pt-17 {
    padding-top: 68px; } }
@media (min-width: 960px) {
  .md\:pt-17 {
    padding-top: 68px; } }
@media (min-width: 1280px) {
  .xl\:pt-17 {
    padding-top: 68px; } }
@media (min-width: 640px) {
  .sm\:pr-17 {
    padding-right: 68px; } }
@media (min-width: 960px) {
  .md\:pr-17 {
    padding-right: 68px; } }
@media (min-width: 1280px) {
  .xl\:pr-17 {
    padding-right: 68px; } }
@media (min-width: 640px) {
  .sm\:pb-17 {
    padding-bottom: 68px; } }
@media (min-width: 960px) {
  .md\:pb-17 {
    padding-bottom: 68px; } }
@media (min-width: 1280px) {
  .xl\:pb-17 {
    padding-bottom: 68px; } }
@media (min-width: 640px) {
  .sm\:pl-17 {
    padding-left: 68px; } }
@media (min-width: 960px) {
  .md\:pl-17 {
    padding-left: 68px; } }
@media (min-width: 1280px) {
  .xl\:pl-17 {
    padding-left: 68px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-17 > * + * {
    margin-right: 0;
    margin-left: 68px; }

  .sm\:spacing-y-17 > * + * {
    margin-top: 68px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-17 > * + * {
    margin-right: 0;
    margin-left: 68px; }

  .md\:spacing-y-17 > * + * {
    margin-top: 68px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-17 > * + * {
    margin-right: 0;
    margin-left: 68px; }

  .xl\:spacing-y-17 > * + * {
    margin-top: 68px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-18 {
    margin: 72px; }

  .sm\:mx-18 {
    margin-left: 72px;
    margin-right: 72px; }

  .sm\:my-18 {
    margin-top: 72px;
    margin-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:m-18 {
    margin: 72px; }

  .md\:mx-18 {
    margin-left: 72px;
    margin-right: 72px; }

  .md\:my-18 {
    margin-top: 72px;
    margin-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:m-18 {
    margin: 72px; }

  .xl\:mx-18 {
    margin-left: 72px;
    margin-right: 72px; }

  .xl\:my-18 {
    margin-top: 72px;
    margin-bottom: 72px; } }
@media (min-width: 640px) {
  .sm\:mt-18 {
    margin-top: 72px; } }
@media (min-width: 960px) {
  .md\:mt-18 {
    margin-top: 72px; } }
@media (min-width: 1280px) {
  .xl\:mt-18 {
    margin-top: 72px; } }
@media (min-width: 640px) {
  .sm\:mr-18 {
    margin-right: 72px; } }
@media (min-width: 960px) {
  .md\:mr-18 {
    margin-right: 72px; } }
@media (min-width: 1280px) {
  .xl\:mr-18 {
    margin-right: 72px; } }
@media (min-width: 640px) {
  .sm\:mb-18 {
    margin-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:mb-18 {
    margin-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:mb-18 {
    margin-bottom: 72px; } }
@media (min-width: 640px) {
  .sm\:ml-18 {
    margin-left: 72px; } }
@media (min-width: 960px) {
  .md\:ml-18 {
    margin-left: 72px; } }
@media (min-width: 1280px) {
  .xl\:ml-18 {
    margin-left: 72px; } }
@media (min-width: 640px) {
  .sm\:p-18 {
    padding: 72px; }

  .sm\:px-18 {
    padding-left: 72px;
    padding-right: 72px; }

  .sm\:py-18 {
    padding-top: 72px;
    padding-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:p-18 {
    padding: 72px; }

  .md\:px-18 {
    padding-left: 72px;
    padding-right: 72px; }

  .md\:py-18 {
    padding-top: 72px;
    padding-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:p-18 {
    padding: 72px; }

  .xl\:px-18 {
    padding-left: 72px;
    padding-right: 72px; }

  .xl\:py-18 {
    padding-top: 72px;
    padding-bottom: 72px; } }
@media (min-width: 640px) {
  .sm\:pt-18 {
    padding-top: 72px; } }
@media (min-width: 960px) {
  .md\:pt-18 {
    padding-top: 72px; } }
@media (min-width: 1280px) {
  .xl\:pt-18 {
    padding-top: 72px; } }
@media (min-width: 640px) {
  .sm\:pr-18 {
    padding-right: 72px; } }
@media (min-width: 960px) {
  .md\:pr-18 {
    padding-right: 72px; } }
@media (min-width: 1280px) {
  .xl\:pr-18 {
    padding-right: 72px; } }
@media (min-width: 640px) {
  .sm\:pb-18 {
    padding-bottom: 72px; } }
@media (min-width: 960px) {
  .md\:pb-18 {
    padding-bottom: 72px; } }
@media (min-width: 1280px) {
  .xl\:pb-18 {
    padding-bottom: 72px; } }
@media (min-width: 640px) {
  .sm\:pl-18 {
    padding-left: 72px; } }
@media (min-width: 960px) {
  .md\:pl-18 {
    padding-left: 72px; } }
@media (min-width: 1280px) {
  .xl\:pl-18 {
    padding-left: 72px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-18 > * + * {
    margin-right: 0;
    margin-left: 72px; }

  .sm\:spacing-y-18 > * + * {
    margin-top: 72px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-18 > * + * {
    margin-right: 0;
    margin-left: 72px; }

  .md\:spacing-y-18 > * + * {
    margin-top: 72px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-18 > * + * {
    margin-right: 0;
    margin-left: 72px; }

  .xl\:spacing-y-18 > * + * {
    margin-top: 72px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-19 {
    margin: 76px; }

  .sm\:mx-19 {
    margin-left: 76px;
    margin-right: 76px; }

  .sm\:my-19 {
    margin-top: 76px;
    margin-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:m-19 {
    margin: 76px; }

  .md\:mx-19 {
    margin-left: 76px;
    margin-right: 76px; }

  .md\:my-19 {
    margin-top: 76px;
    margin-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:m-19 {
    margin: 76px; }

  .xl\:mx-19 {
    margin-left: 76px;
    margin-right: 76px; }

  .xl\:my-19 {
    margin-top: 76px;
    margin-bottom: 76px; } }
@media (min-width: 640px) {
  .sm\:mt-19 {
    margin-top: 76px; } }
@media (min-width: 960px) {
  .md\:mt-19 {
    margin-top: 76px; } }
@media (min-width: 1280px) {
  .xl\:mt-19 {
    margin-top: 76px; } }
@media (min-width: 640px) {
  .sm\:mr-19 {
    margin-right: 76px; } }
@media (min-width: 960px) {
  .md\:mr-19 {
    margin-right: 76px; } }
@media (min-width: 1280px) {
  .xl\:mr-19 {
    margin-right: 76px; } }
@media (min-width: 640px) {
  .sm\:mb-19 {
    margin-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:mb-19 {
    margin-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:mb-19 {
    margin-bottom: 76px; } }
@media (min-width: 640px) {
  .sm\:ml-19 {
    margin-left: 76px; } }
@media (min-width: 960px) {
  .md\:ml-19 {
    margin-left: 76px; } }
@media (min-width: 1280px) {
  .xl\:ml-19 {
    margin-left: 76px; } }
@media (min-width: 640px) {
  .sm\:p-19 {
    padding: 76px; }

  .sm\:px-19 {
    padding-left: 76px;
    padding-right: 76px; }

  .sm\:py-19 {
    padding-top: 76px;
    padding-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:p-19 {
    padding: 76px; }

  .md\:px-19 {
    padding-left: 76px;
    padding-right: 76px; }

  .md\:py-19 {
    padding-top: 76px;
    padding-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:p-19 {
    padding: 76px; }

  .xl\:px-19 {
    padding-left: 76px;
    padding-right: 76px; }

  .xl\:py-19 {
    padding-top: 76px;
    padding-bottom: 76px; } }
@media (min-width: 640px) {
  .sm\:pt-19 {
    padding-top: 76px; } }
@media (min-width: 960px) {
  .md\:pt-19 {
    padding-top: 76px; } }
@media (min-width: 1280px) {
  .xl\:pt-19 {
    padding-top: 76px; } }
@media (min-width: 640px) {
  .sm\:pr-19 {
    padding-right: 76px; } }
@media (min-width: 960px) {
  .md\:pr-19 {
    padding-right: 76px; } }
@media (min-width: 1280px) {
  .xl\:pr-19 {
    padding-right: 76px; } }
@media (min-width: 640px) {
  .sm\:pb-19 {
    padding-bottom: 76px; } }
@media (min-width: 960px) {
  .md\:pb-19 {
    padding-bottom: 76px; } }
@media (min-width: 1280px) {
  .xl\:pb-19 {
    padding-bottom: 76px; } }
@media (min-width: 640px) {
  .sm\:pl-19 {
    padding-left: 76px; } }
@media (min-width: 960px) {
  .md\:pl-19 {
    padding-left: 76px; } }
@media (min-width: 1280px) {
  .xl\:pl-19 {
    padding-left: 76px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-19 > * + * {
    margin-right: 0;
    margin-left: 76px; }

  .sm\:spacing-y-19 > * + * {
    margin-top: 76px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-19 > * + * {
    margin-right: 0;
    margin-left: 76px; }

  .md\:spacing-y-19 > * + * {
    margin-top: 76px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-19 > * + * {
    margin-right: 0;
    margin-left: 76px; }

  .xl\:spacing-y-19 > * + * {
    margin-top: 76px;
    margin-bottom: 0; } }
@media (min-width: 640px) {
  .sm\:m-20 {
    margin: 80px; }

  .sm\:mx-20 {
    margin-left: 80px;
    margin-right: 80px; }

  .sm\:my-20 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:m-20 {
    margin: 80px; }

  .md\:mx-20 {
    margin-left: 80px;
    margin-right: 80px; }

  .md\:my-20 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:m-20 {
    margin: 80px; }

  .xl\:mx-20 {
    margin-left: 80px;
    margin-right: 80px; }

  .xl\:my-20 {
    margin-top: 80px;
    margin-bottom: 80px; } }
@media (min-width: 640px) {
  .sm\:mt-20 {
    margin-top: 80px; } }
@media (min-width: 960px) {
  .md\:mt-20 {
    margin-top: 80px; } }
@media (min-width: 1280px) {
  .xl\:mt-20 {
    margin-top: 80px; } }
@media (min-width: 640px) {
  .sm\:mr-20 {
    margin-right: 80px; } }
@media (min-width: 960px) {
  .md\:mr-20 {
    margin-right: 80px; } }
@media (min-width: 1280px) {
  .xl\:mr-20 {
    margin-right: 80px; } }
@media (min-width: 640px) {
  .sm\:mb-20 {
    margin-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:mb-20 {
    margin-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:mb-20 {
    margin-bottom: 80px; } }
@media (min-width: 640px) {
  .sm\:ml-20 {
    margin-left: 80px; } }
@media (min-width: 960px) {
  .md\:ml-20 {
    margin-left: 80px; } }
@media (min-width: 1280px) {
  .xl\:ml-20 {
    margin-left: 80px; } }
@media (min-width: 640px) {
  .sm\:p-20 {
    padding: 80px; }

  .sm\:px-20 {
    padding-left: 80px;
    padding-right: 80px; }

  .sm\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:p-20 {
    padding: 80px; }

  .md\:px-20 {
    padding-left: 80px;
    padding-right: 80px; }

  .md\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:p-20 {
    padding: 80px; }

  .xl\:px-20 {
    padding-left: 80px;
    padding-right: 80px; }

  .xl\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px; } }
@media (min-width: 640px) {
  .sm\:pt-20 {
    padding-top: 80px; } }
@media (min-width: 960px) {
  .md\:pt-20 {
    padding-top: 80px; } }
@media (min-width: 1280px) {
  .xl\:pt-20 {
    padding-top: 80px; } }
@media (min-width: 640px) {
  .sm\:pr-20 {
    padding-right: 80px; } }
@media (min-width: 960px) {
  .md\:pr-20 {
    padding-right: 80px; } }
@media (min-width: 1280px) {
  .xl\:pr-20 {
    padding-right: 80px; } }
@media (min-width: 640px) {
  .sm\:pb-20 {
    padding-bottom: 80px; } }
@media (min-width: 960px) {
  .md\:pb-20 {
    padding-bottom: 80px; } }
@media (min-width: 1280px) {
  .xl\:pb-20 {
    padding-bottom: 80px; } }
@media (min-width: 640px) {
  .sm\:pl-20 {
    padding-left: 80px; } }
@media (min-width: 960px) {
  .md\:pl-20 {
    padding-left: 80px; } }
@media (min-width: 1280px) {
  .xl\:pl-20 {
    padding-left: 80px; } }
@media (min-width: 640px) {
  .sm\:spacing-x-20 > * + * {
    margin-right: 0;
    margin-left: 80px; }

  .sm\:spacing-y-20 > * + * {
    margin-top: 80px;
    margin-bottom: 0; } }
@media (min-width: 960px) {
  .md\:spacing-x-20 > * + * {
    margin-right: 0;
    margin-left: 80px; }

  .md\:spacing-y-20 > * + * {
    margin-top: 80px;
    margin-bottom: 0; } }
@media (min-width: 1280px) {
  .xl\:spacing-x-20 > * + * {
    margin-right: 0;
    margin-left: 80px; }

  .xl\:spacing-y-20 > * + * {
    margin-top: 80px;
    margin-bottom: 0; } }
.mx-auto, .container {
  margin-left: auto;
  margin-right: auto; }

.flex {
  display: flex; }
  @media (min-width: 640px) {
    .sm\:flex {
      display: flex; } }
  @media (min-width: 960px) {
    .md\:flex {
      display: flex; } }
  @media (min-width: 1280px) {
    .xl\:flex {
      display: flex; } }

.flex-wrap {
  flex-wrap: wrap; }
  @media (min-width: 640px) {
    .sm\:flex-wrap {
      flex-wrap: wrap; } }
  @media (min-width: 960px) {
    .md\:flex-wrap {
      flex-wrap: wrap; } }
  @media (min-width: 1280px) {
    .xl\:flex-wrap {
      flex-wrap: wrap; } }

.flex-nowrap {
  flex-wrap: nowrap; }
  @media (min-width: 640px) {
    .sm\:flex-nowrap {
      flex-wrap: nowrap; } }
  @media (min-width: 960px) {
    .md\:flex-nowrap {
      flex-wrap: nowrap; } }
  @media (min-width: 1280px) {
    .xl\:flex-nowrap {
      flex-wrap: nowrap; } }

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

.flex-shrink {
  flex-shrink: 1; }

.flex-shrink-0 {
  flex-shrink: 0; }

.flex-column {
  flex-direction: column; }

.justify-start {
  justify-content: flex-start; }

.justify-between {
  justify-content: space-between; }

.justify-center {
  justify-content: center; }

.items-start {
  align-items: flex-start; }

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

.items-end {
  align-items: end; }

.self-start {
  align-self: flex-start; }

@media (min-width: 640px) {
  .sm\:justify-start {
    justify-content: flex-start; }

  .sm\:justify-between {
    justify-content: space-between; }

  .sm\:justify-center {
    justify-content: center; } }
@media (min-width: 960px) {
  .md\:justify-start {
    justify-content: flex-start; }

  .md\:justify-between {
    justify-content: space-between; }

  .md\:justify-center {
    justify-content: center; } }
@media (min-width: 1280px) {
  .xl\:justify-start {
    justify-content: flex-start; }

  .xl\:justify-between {
    justify-content: space-between; }

  .xl\:justify-center {
    justify-content: center; } }
.order-0 {
  order: 0; }

@media (min-width: 640px) {
  .sm\:order-0 {
    order: 0; } }
@media (min-width: 960px) {
  .md\:order-0 {
    order: 0; } }
@media (min-width: 1280px) {
  .xl\:order-0 {
    order: 0; } }
.order-1 {
  order: 1; }

@media (min-width: 640px) {
  .sm\:order-1 {
    order: 1; } }
@media (min-width: 960px) {
  .md\:order-1 {
    order: 1; } }
@media (min-width: 1280px) {
  .xl\:order-1 {
    order: 1; } }
.order-2 {
  order: 2; }

@media (min-width: 640px) {
  .sm\:order-2 {
    order: 2; } }
@media (min-width: 960px) {
  .md\:order-2 {
    order: 2; } }
@media (min-width: 1280px) {
  .xl\:order-2 {
    order: 2; } }
.order-3 {
  order: 3; }

@media (min-width: 640px) {
  .sm\:order-3 {
    order: 3; } }
@media (min-width: 960px) {
  .md\:order-3 {
    order: 3; } }
@media (min-width: 1280px) {
  .xl\:order-3 {
    order: 3; } }
.order-4 {
  order: 4; }

@media (min-width: 640px) {
  .sm\:order-4 {
    order: 4; } }
@media (min-width: 960px) {
  .md\:order-4 {
    order: 4; } }
@media (min-width: 1280px) {
  .xl\:order-4 {
    order: 4; } }
.order-5 {
  order: 5; }

@media (min-width: 640px) {
  .sm\:order-5 {
    order: 5; } }
@media (min-width: 960px) {
  .md\:order-5 {
    order: 5; } }
@media (min-width: 1280px) {
  .xl\:order-5 {
    order: 5; } }
.order-6 {
  order: 6; }

@media (min-width: 640px) {
  .sm\:order-6 {
    order: 6; } }
@media (min-width: 960px) {
  .md\:order-6 {
    order: 6; } }
@media (min-width: 1280px) {
  .xl\:order-6 {
    order: 6; } }
.order-7 {
  order: 7; }

@media (min-width: 640px) {
  .sm\:order-7 {
    order: 7; } }
@media (min-width: 960px) {
  .md\:order-7 {
    order: 7; } }
@media (min-width: 1280px) {
  .xl\:order-7 {
    order: 7; } }
.order-8 {
  order: 8; }

@media (min-width: 640px) {
  .sm\:order-8 {
    order: 8; } }
@media (min-width: 960px) {
  .md\:order-8 {
    order: 8; } }
@media (min-width: 1280px) {
  .xl\:order-8 {
    order: 8; } }
.order-9 {
  order: 9; }

@media (min-width: 640px) {
  .sm\:order-9 {
    order: 9; } }
@media (min-width: 960px) {
  .md\:order-9 {
    order: 9; } }
@media (min-width: 1280px) {
  .xl\:order-9 {
    order: 9; } }
.order-10 {
  order: 10; }

@media (min-width: 640px) {
  .sm\:order-10 {
    order: 10; } }
@media (min-width: 960px) {
  .md\:order-10 {
    order: 10; } }
@media (min-width: 1280px) {
  .xl\:order-10 {
    order: 10; } }
.order-11 {
  order: 11; }

@media (min-width: 640px) {
  .sm\:order-11 {
    order: 11; } }
@media (min-width: 960px) {
  .md\:order-11 {
    order: 11; } }
@media (min-width: 1280px) {
  .xl\:order-11 {
    order: 11; } }
.order-12 {
  order: 12; }

@media (min-width: 640px) {
  .sm\:order-12 {
    order: 12; } }
@media (min-width: 960px) {
  .md\:order-12 {
    order: 12; } }
@media (min-width: 1280px) {
  .xl\:order-12 {
    order: 12; } }
.text-12 {
  font-size: 12px; }

.text-14 {
  font-size: 14px; }

.text-16 {
  font-size: 16px; }

.text-18 {
  font-size: 18px; }

.text-20 {
  font-size: 20px; }

.text-24 {
  font-size: 24px; }

.text-28 {
  font-size: 28px; }

@media (min-width: 640px) {
  .sm\:text-12 {
    font-size: 12px; } }
@media (min-width: 960px) {
  .md\:text-12 {
    font-size: 12px; } }
@media (min-width: 1280px) {
  .xl\:text-12 {
    font-size: 12px; } }
@media (min-width: 640px) {
  .sm\:text-14 {
    font-size: 14px; } }
@media (min-width: 960px) {
  .md\:text-14 {
    font-size: 14px; } }
@media (min-width: 1280px) {
  .xl\:text-14 {
    font-size: 14px; } }
@media (min-width: 640px) {
  .sm\:text-16 {
    font-size: 16px; } }
@media (min-width: 960px) {
  .md\:text-16 {
    font-size: 16px; } }
@media (min-width: 1280px) {
  .xl\:text-16 {
    font-size: 16px; } }
@media (min-width: 640px) {
  .sm\:text-18 {
    font-size: 18px; } }
@media (min-width: 960px) {
  .md\:text-18 {
    font-size: 18px; } }
@media (min-width: 1280px) {
  .xl\:text-18 {
    font-size: 18px; } }
@media (min-width: 640px) {
  .sm\:text-20 {
    font-size: 20px; } }
@media (min-width: 960px) {
  .md\:text-20 {
    font-size: 20px; } }
@media (min-width: 1280px) {
  .xl\:text-20 {
    font-size: 20px; } }
@media (min-width: 640px) {
  .sm\:text-24 {
    font-size: 24px; } }
@media (min-width: 960px) {
  .md\:text-24 {
    font-size: 24px; } }
@media (min-width: 1280px) {
  .xl\:text-24 {
    font-size: 24px; } }
@media (min-width: 640px) {
  .sm\:text-28 {
    font-size: 28px; } }
@media (min-width: 960px) {
  .md\:text-28 {
    font-size: 28px; } }
@media (min-width: 1280px) {
  .xl\:text-28 {
    font-size: 28px; } }
.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

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

.lowercase {
  text-transform: lowercase; }

.underline {
  text-decoration: underline; }

.whitespace-nowrap {
  white-space: nowrap; }

.text-left {
  text-align: left; }
  @media (min-width: 640px) {
    .sm\:text-left {
      text-align: left; } }
  @media (min-width: 960px) {
    .md\:text-left {
      text-align: left; } }
  @media (min-width: 1280px) {
    .xl\:text-left {
      text-align: left; } }

.text-center {
  text-align: center; }
  @media (min-width: 640px) {
    .sm\:text-center {
      text-align: center; } }
  @media (min-width: 960px) {
    .md\:text-center {
      text-align: center; } }
  @media (min-width: 1280px) {
    .xl\:text-center {
      text-align: center; } }

.sticky-top {
  position: sticky;
  top: 110px; }

.rounded {
  border-radius: 8px; }

.rounded-sm {
  border-radius: 4px; }

.border {
  border: 1px solid #E7E4DF; }

.border-b {
  border-bottom: 1px solid #E7E4DF; }

.filter-none {
  filter: none !important; }
  @media (min-width: 640px) {
    .sm\:filter-none {
      filter: none !important; } }
  @media (min-width: 960px) {
    .md\:filter-none {
      filter: none !important; } }
  @media (min-width: 1280px) {
    .xl\:filter-none {
      filter: none !important; } }

.filter-shadow {
  filter: drop-shadow(0px 12.8536px 51.4142px rgba(57, 57, 57, 0.16)); }
  @media (min-width: 640px) {
    .sm\:filter-shadow {
      filter: drop-shadow(0px 12.8536px 51.4142px rgba(57, 57, 57, 0.16)); } }
  @media (min-width: 960px) {
    .md\:filter-shadow {
      filter: drop-shadow(0px 12.8536px 51.4142px rgba(57, 57, 57, 0.16)); } }
  @media (min-width: 1280px) {
    .xl\:filter-shadow {
      filter: drop-shadow(0px 12.8536px 51.4142px rgba(57, 57, 57, 0.16)); } }

@media (min-width: 960px) {
  .hidden-desktop {
    display: none !important; } }

@media (max-width: 960px) {
  .hidden-mobile {
    display: none !important; } }

.container {
  width: 100%;
  padding: 0; }
  @media (min-width: 640px) {
    .container {
      max-width: 640px; }
      .container.wrapper {
        padding: 40px 16px; } }
  @media (min-width: 960px) {
    .container {
      max-width: 960px; }
      .container.wrapper {
        padding: 40px 16px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px; }
      .container.wrapper {
        padding: 72px 32px; } }
  .container.wrapper {
    padding: 40px 16px; }

.block {
  display: block !important; }
  @media (min-width: 640px) {
    .sm\:block {
      display: block !important; } }
  @media (min-width: 960px) {
    .md\:block {
      display: block !important; } }
  @media (min-width: 1280px) {
    .xl\:block {
      display: block !important; } }

.inline-block {
  display: inline-block; }
  @media (min-width: 640px) {
    .sm\:inline-block {
      display: inline-block; } }
  @media (min-width: 960px) {
    .md\:inline-block {
      display: inline-block; } }
  @media (min-width: 1280px) {
    .xl\:inline-block {
      display: inline-block; } }

.inline {
  display: inline; }
  @media (min-width: 640px) {
    .sm\:inline {
      display: inline; } }
  @media (min-width: 960px) {
    .md\:inline {
      display: inline; } }
  @media (min-width: 1280px) {
    .xl\:inline {
      display: inline; } }

.hidden {
  display: none; }
  @media (min-width: 640px) {
    .sm\:hidden {
      display: none; } }
  @media (min-width: 960px) {
    .md\:hidden {
      display: none; } }
  @media (min-width: 1280px) {
    .xl\:hidden {
      display: none; } }

.overflow-hidden {
  overflow: hidden; }

.absolute {
  position: absolute; }
  @media (min-width: 640px) {
    .sm\:absolute {
      position: absolute; } }
  @media (min-width: 960px) {
    .md\:absolute {
      position: absolute; } }
  @media (min-width: 1280px) {
    .xl\:absolute {
      position: absolute; } }

.fixed {
  position: fixed; }
  @media (min-width: 640px) {
    .sm\:fixed {
      position: fixed; } }
  @media (min-width: 960px) {
    .md\:fixed {
      position: fixed; } }
  @media (min-width: 1280px) {
    .xl\:fixed {
      position: fixed; } }

.static {
  position: static; }
  @media (min-width: 640px) {
    .sm\:static {
      position: static; } }
  @media (min-width: 960px) {
    .md\:static {
      position: static; } }
  @media (min-width: 1280px) {
    .xl\:static {
      position: static; } }

.relative {
  position: relative; }
  @media (min-width: 640px) {
    .sm\:relative {
      position: relative; } }
  @media (min-width: 960px) {
    .md\:relative {
      position: relative; } }
  @media (min-width: 1280px) {
    .xl\:relative {
      position: relative; } }

.sticky {
  position: sticky; }
  @media (min-width: 640px) {
    .sm\:sticky {
      position: sticky; } }
  @media (min-width: 960px) {
    .md\:sticky {
      position: sticky; } }
  @media (min-width: 1280px) {
    .xl\:sticky {
      position: sticky; } }

.top-0 {
  top: 0px; }
  @media (min-width: 640px) {
    .sm\:top-0 {
      top: 0px; } }
  @media (min-width: 960px) {
    .md\:top-0 {
      top: 0px; } }
  @media (min-width: 1280px) {
    .xl\:top-0 {
      top: 0px; } }

.right-0 {
  right: 0px; }
  @media (min-width: 640px) {
    .sm\:right-0 {
      right: 0px; } }
  @media (min-width: 960px) {
    .md\:right-0 {
      right: 0px; } }
  @media (min-width: 1280px) {
    .xl\:right-0 {
      right: 0px; } }

.bottom-0 {
  bottom: 0px; }
  @media (min-width: 640px) {
    .sm\:bottom-0 {
      bottom: 0px; } }
  @media (min-width: 960px) {
    .md\:bottom-0 {
      bottom: 0px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-0 {
      bottom: 0px; } }

.left-0 {
  left: 0px; }
  @media (min-width: 640px) {
    .sm\:left-0 {
      left: 0px; } }
  @media (min-width: 960px) {
    .md\:left-0 {
      left: 0px; } }
  @media (min-width: 1280px) {
    .xl\:left-0 {
      left: 0px; } }

.top-1 {
  top: 4px; }
  @media (min-width: 640px) {
    .sm\:top-1 {
      top: 4px; } }
  @media (min-width: 960px) {
    .md\:top-1 {
      top: 4px; } }
  @media (min-width: 1280px) {
    .xl\:top-1 {
      top: 4px; } }

.-top-1 {
  top: -4px; }
  @media (min-width: 640px) {
    .sm\:-top-1 {
      top: -4px; } }
  @media (min-width: 960px) {
    .md\:-top-1 {
      top: -4px; } }
  @media (min-width: 1280px) {
    .xl\:-top-1 {
      top: -4px; } }

.right-1 {
  right: 4px; }
  @media (min-width: 640px) {
    .sm\:right-1 {
      right: 4px; } }
  @media (min-width: 960px) {
    .md\:right-1 {
      right: 4px; } }
  @media (min-width: 1280px) {
    .xl\:right-1 {
      right: 4px; } }

.-right-1 {
  right: -4px; }
  @media (min-width: 640px) {
    .sm\:-right-1 {
      right: -4px; } }
  @media (min-width: 960px) {
    .md\:-right-1 {
      right: -4px; } }
  @media (min-width: 1280px) {
    .xl\:-right-1 {
      right: -4px; } }

.bottom-1 {
  bottom: 4px; }
  @media (min-width: 640px) {
    .sm\:bottom-1 {
      bottom: 4px; } }
  @media (min-width: 960px) {
    .md\:bottom-1 {
      bottom: 4px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-1 {
      bottom: 4px; } }

.-bottom-1 {
  bottom: -4px; }
  @media (min-width: 640px) {
    .sm\:-bottom-1 {
      bottom: -4px; } }
  @media (min-width: 960px) {
    .md\:-bottom-1 {
      bottom: -4px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-1 {
      bottom: -4px; } }

.left-1 {
  left: 4px; }
  @media (min-width: 640px) {
    .sm\:left-1 {
      left: 4px; } }
  @media (min-width: 960px) {
    .md\:left-1 {
      left: 4px; } }
  @media (min-width: 1280px) {
    .xl\:left-1 {
      left: 4px; } }

.-left-1 {
  left: -4px; }
  @media (min-width: 640px) {
    .sm\:-left-1 {
      left: -4px; } }
  @media (min-width: 960px) {
    .md\:-left-1 {
      left: -4px; } }
  @media (min-width: 1280px) {
    .xl\:-left-1 {
      left: -4px; } }

.top-2 {
  top: 8px; }
  @media (min-width: 640px) {
    .sm\:top-2 {
      top: 8px; } }
  @media (min-width: 960px) {
    .md\:top-2 {
      top: 8px; } }
  @media (min-width: 1280px) {
    .xl\:top-2 {
      top: 8px; } }

.-top-2 {
  top: -8px; }
  @media (min-width: 640px) {
    .sm\:-top-2 {
      top: -8px; } }
  @media (min-width: 960px) {
    .md\:-top-2 {
      top: -8px; } }
  @media (min-width: 1280px) {
    .xl\:-top-2 {
      top: -8px; } }

.right-2 {
  right: 8px; }
  @media (min-width: 640px) {
    .sm\:right-2 {
      right: 8px; } }
  @media (min-width: 960px) {
    .md\:right-2 {
      right: 8px; } }
  @media (min-width: 1280px) {
    .xl\:right-2 {
      right: 8px; } }

.-right-2 {
  right: -8px; }
  @media (min-width: 640px) {
    .sm\:-right-2 {
      right: -8px; } }
  @media (min-width: 960px) {
    .md\:-right-2 {
      right: -8px; } }
  @media (min-width: 1280px) {
    .xl\:-right-2 {
      right: -8px; } }

.bottom-2 {
  bottom: 8px; }
  @media (min-width: 640px) {
    .sm\:bottom-2 {
      bottom: 8px; } }
  @media (min-width: 960px) {
    .md\:bottom-2 {
      bottom: 8px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-2 {
      bottom: 8px; } }

.-bottom-2 {
  bottom: -8px; }
  @media (min-width: 640px) {
    .sm\:-bottom-2 {
      bottom: -8px; } }
  @media (min-width: 960px) {
    .md\:-bottom-2 {
      bottom: -8px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-2 {
      bottom: -8px; } }

.left-2 {
  left: 8px; }
  @media (min-width: 640px) {
    .sm\:left-2 {
      left: 8px; } }
  @media (min-width: 960px) {
    .md\:left-2 {
      left: 8px; } }
  @media (min-width: 1280px) {
    .xl\:left-2 {
      left: 8px; } }

.-left-2 {
  left: -8px; }
  @media (min-width: 640px) {
    .sm\:-left-2 {
      left: -8px; } }
  @media (min-width: 960px) {
    .md\:-left-2 {
      left: -8px; } }
  @media (min-width: 1280px) {
    .xl\:-left-2 {
      left: -8px; } }

.top-3 {
  top: 12px; }
  @media (min-width: 640px) {
    .sm\:top-3 {
      top: 12px; } }
  @media (min-width: 960px) {
    .md\:top-3 {
      top: 12px; } }
  @media (min-width: 1280px) {
    .xl\:top-3 {
      top: 12px; } }

.-top-3 {
  top: -12px; }
  @media (min-width: 640px) {
    .sm\:-top-3 {
      top: -12px; } }
  @media (min-width: 960px) {
    .md\:-top-3 {
      top: -12px; } }
  @media (min-width: 1280px) {
    .xl\:-top-3 {
      top: -12px; } }

.right-3 {
  right: 12px; }
  @media (min-width: 640px) {
    .sm\:right-3 {
      right: 12px; } }
  @media (min-width: 960px) {
    .md\:right-3 {
      right: 12px; } }
  @media (min-width: 1280px) {
    .xl\:right-3 {
      right: 12px; } }

.-right-3 {
  right: -12px; }
  @media (min-width: 640px) {
    .sm\:-right-3 {
      right: -12px; } }
  @media (min-width: 960px) {
    .md\:-right-3 {
      right: -12px; } }
  @media (min-width: 1280px) {
    .xl\:-right-3 {
      right: -12px; } }

.bottom-3 {
  bottom: 12px; }
  @media (min-width: 640px) {
    .sm\:bottom-3 {
      bottom: 12px; } }
  @media (min-width: 960px) {
    .md\:bottom-3 {
      bottom: 12px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-3 {
      bottom: 12px; } }

.-bottom-3 {
  bottom: -12px; }
  @media (min-width: 640px) {
    .sm\:-bottom-3 {
      bottom: -12px; } }
  @media (min-width: 960px) {
    .md\:-bottom-3 {
      bottom: -12px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-3 {
      bottom: -12px; } }

.left-3 {
  left: 12px; }
  @media (min-width: 640px) {
    .sm\:left-3 {
      left: 12px; } }
  @media (min-width: 960px) {
    .md\:left-3 {
      left: 12px; } }
  @media (min-width: 1280px) {
    .xl\:left-3 {
      left: 12px; } }

.-left-3 {
  left: -12px; }
  @media (min-width: 640px) {
    .sm\:-left-3 {
      left: -12px; } }
  @media (min-width: 960px) {
    .md\:-left-3 {
      left: -12px; } }
  @media (min-width: 1280px) {
    .xl\:-left-3 {
      left: -12px; } }

.top-4 {
  top: 16px; }
  @media (min-width: 640px) {
    .sm\:top-4 {
      top: 16px; } }
  @media (min-width: 960px) {
    .md\:top-4 {
      top: 16px; } }
  @media (min-width: 1280px) {
    .xl\:top-4 {
      top: 16px; } }

.-top-4 {
  top: -16px; }
  @media (min-width: 640px) {
    .sm\:-top-4 {
      top: -16px; } }
  @media (min-width: 960px) {
    .md\:-top-4 {
      top: -16px; } }
  @media (min-width: 1280px) {
    .xl\:-top-4 {
      top: -16px; } }

.right-4 {
  right: 16px; }
  @media (min-width: 640px) {
    .sm\:right-4 {
      right: 16px; } }
  @media (min-width: 960px) {
    .md\:right-4 {
      right: 16px; } }
  @media (min-width: 1280px) {
    .xl\:right-4 {
      right: 16px; } }

.-right-4 {
  right: -16px; }
  @media (min-width: 640px) {
    .sm\:-right-4 {
      right: -16px; } }
  @media (min-width: 960px) {
    .md\:-right-4 {
      right: -16px; } }
  @media (min-width: 1280px) {
    .xl\:-right-4 {
      right: -16px; } }

.bottom-4 {
  bottom: 16px; }
  @media (min-width: 640px) {
    .sm\:bottom-4 {
      bottom: 16px; } }
  @media (min-width: 960px) {
    .md\:bottom-4 {
      bottom: 16px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-4 {
      bottom: 16px; } }

.-bottom-4 {
  bottom: -16px; }
  @media (min-width: 640px) {
    .sm\:-bottom-4 {
      bottom: -16px; } }
  @media (min-width: 960px) {
    .md\:-bottom-4 {
      bottom: -16px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-4 {
      bottom: -16px; } }

.left-4 {
  left: 16px; }
  @media (min-width: 640px) {
    .sm\:left-4 {
      left: 16px; } }
  @media (min-width: 960px) {
    .md\:left-4 {
      left: 16px; } }
  @media (min-width: 1280px) {
    .xl\:left-4 {
      left: 16px; } }

.-left-4 {
  left: -16px; }
  @media (min-width: 640px) {
    .sm\:-left-4 {
      left: -16px; } }
  @media (min-width: 960px) {
    .md\:-left-4 {
      left: -16px; } }
  @media (min-width: 1280px) {
    .xl\:-left-4 {
      left: -16px; } }

.top-5 {
  top: 20px; }
  @media (min-width: 640px) {
    .sm\:top-5 {
      top: 20px; } }
  @media (min-width: 960px) {
    .md\:top-5 {
      top: 20px; } }
  @media (min-width: 1280px) {
    .xl\:top-5 {
      top: 20px; } }

.-top-5 {
  top: -20px; }
  @media (min-width: 640px) {
    .sm\:-top-5 {
      top: -20px; } }
  @media (min-width: 960px) {
    .md\:-top-5 {
      top: -20px; } }
  @media (min-width: 1280px) {
    .xl\:-top-5 {
      top: -20px; } }

.right-5 {
  right: 20px; }
  @media (min-width: 640px) {
    .sm\:right-5 {
      right: 20px; } }
  @media (min-width: 960px) {
    .md\:right-5 {
      right: 20px; } }
  @media (min-width: 1280px) {
    .xl\:right-5 {
      right: 20px; } }

.-right-5 {
  right: -20px; }
  @media (min-width: 640px) {
    .sm\:-right-5 {
      right: -20px; } }
  @media (min-width: 960px) {
    .md\:-right-5 {
      right: -20px; } }
  @media (min-width: 1280px) {
    .xl\:-right-5 {
      right: -20px; } }

.bottom-5 {
  bottom: 20px; }
  @media (min-width: 640px) {
    .sm\:bottom-5 {
      bottom: 20px; } }
  @media (min-width: 960px) {
    .md\:bottom-5 {
      bottom: 20px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-5 {
      bottom: 20px; } }

.-bottom-5 {
  bottom: -20px; }
  @media (min-width: 640px) {
    .sm\:-bottom-5 {
      bottom: -20px; } }
  @media (min-width: 960px) {
    .md\:-bottom-5 {
      bottom: -20px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-5 {
      bottom: -20px; } }

.left-5 {
  left: 20px; }
  @media (min-width: 640px) {
    .sm\:left-5 {
      left: 20px; } }
  @media (min-width: 960px) {
    .md\:left-5 {
      left: 20px; } }
  @media (min-width: 1280px) {
    .xl\:left-5 {
      left: 20px; } }

.-left-5 {
  left: -20px; }
  @media (min-width: 640px) {
    .sm\:-left-5 {
      left: -20px; } }
  @media (min-width: 960px) {
    .md\:-left-5 {
      left: -20px; } }
  @media (min-width: 1280px) {
    .xl\:-left-5 {
      left: -20px; } }

.top-6 {
  top: 24px; }
  @media (min-width: 640px) {
    .sm\:top-6 {
      top: 24px; } }
  @media (min-width: 960px) {
    .md\:top-6 {
      top: 24px; } }
  @media (min-width: 1280px) {
    .xl\:top-6 {
      top: 24px; } }

.-top-6 {
  top: -24px; }
  @media (min-width: 640px) {
    .sm\:-top-6 {
      top: -24px; } }
  @media (min-width: 960px) {
    .md\:-top-6 {
      top: -24px; } }
  @media (min-width: 1280px) {
    .xl\:-top-6 {
      top: -24px; } }

.right-6 {
  right: 24px; }
  @media (min-width: 640px) {
    .sm\:right-6 {
      right: 24px; } }
  @media (min-width: 960px) {
    .md\:right-6 {
      right: 24px; } }
  @media (min-width: 1280px) {
    .xl\:right-6 {
      right: 24px; } }

.-right-6 {
  right: -24px; }
  @media (min-width: 640px) {
    .sm\:-right-6 {
      right: -24px; } }
  @media (min-width: 960px) {
    .md\:-right-6 {
      right: -24px; } }
  @media (min-width: 1280px) {
    .xl\:-right-6 {
      right: -24px; } }

.bottom-6 {
  bottom: 24px; }
  @media (min-width: 640px) {
    .sm\:bottom-6 {
      bottom: 24px; } }
  @media (min-width: 960px) {
    .md\:bottom-6 {
      bottom: 24px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-6 {
      bottom: 24px; } }

.-bottom-6 {
  bottom: -24px; }
  @media (min-width: 640px) {
    .sm\:-bottom-6 {
      bottom: -24px; } }
  @media (min-width: 960px) {
    .md\:-bottom-6 {
      bottom: -24px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-6 {
      bottom: -24px; } }

.left-6 {
  left: 24px; }
  @media (min-width: 640px) {
    .sm\:left-6 {
      left: 24px; } }
  @media (min-width: 960px) {
    .md\:left-6 {
      left: 24px; } }
  @media (min-width: 1280px) {
    .xl\:left-6 {
      left: 24px; } }

.-left-6 {
  left: -24px; }
  @media (min-width: 640px) {
    .sm\:-left-6 {
      left: -24px; } }
  @media (min-width: 960px) {
    .md\:-left-6 {
      left: -24px; } }
  @media (min-width: 1280px) {
    .xl\:-left-6 {
      left: -24px; } }

.top-7 {
  top: 28px; }
  @media (min-width: 640px) {
    .sm\:top-7 {
      top: 28px; } }
  @media (min-width: 960px) {
    .md\:top-7 {
      top: 28px; } }
  @media (min-width: 1280px) {
    .xl\:top-7 {
      top: 28px; } }

.-top-7 {
  top: -28px; }
  @media (min-width: 640px) {
    .sm\:-top-7 {
      top: -28px; } }
  @media (min-width: 960px) {
    .md\:-top-7 {
      top: -28px; } }
  @media (min-width: 1280px) {
    .xl\:-top-7 {
      top: -28px; } }

.right-7 {
  right: 28px; }
  @media (min-width: 640px) {
    .sm\:right-7 {
      right: 28px; } }
  @media (min-width: 960px) {
    .md\:right-7 {
      right: 28px; } }
  @media (min-width: 1280px) {
    .xl\:right-7 {
      right: 28px; } }

.-right-7 {
  right: -28px; }
  @media (min-width: 640px) {
    .sm\:-right-7 {
      right: -28px; } }
  @media (min-width: 960px) {
    .md\:-right-7 {
      right: -28px; } }
  @media (min-width: 1280px) {
    .xl\:-right-7 {
      right: -28px; } }

.bottom-7 {
  bottom: 28px; }
  @media (min-width: 640px) {
    .sm\:bottom-7 {
      bottom: 28px; } }
  @media (min-width: 960px) {
    .md\:bottom-7 {
      bottom: 28px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-7 {
      bottom: 28px; } }

.-bottom-7 {
  bottom: -28px; }
  @media (min-width: 640px) {
    .sm\:-bottom-7 {
      bottom: -28px; } }
  @media (min-width: 960px) {
    .md\:-bottom-7 {
      bottom: -28px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-7 {
      bottom: -28px; } }

.left-7 {
  left: 28px; }
  @media (min-width: 640px) {
    .sm\:left-7 {
      left: 28px; } }
  @media (min-width: 960px) {
    .md\:left-7 {
      left: 28px; } }
  @media (min-width: 1280px) {
    .xl\:left-7 {
      left: 28px; } }

.-left-7 {
  left: -28px; }
  @media (min-width: 640px) {
    .sm\:-left-7 {
      left: -28px; } }
  @media (min-width: 960px) {
    .md\:-left-7 {
      left: -28px; } }
  @media (min-width: 1280px) {
    .xl\:-left-7 {
      left: -28px; } }

.top-8 {
  top: 32px; }
  @media (min-width: 640px) {
    .sm\:top-8 {
      top: 32px; } }
  @media (min-width: 960px) {
    .md\:top-8 {
      top: 32px; } }
  @media (min-width: 1280px) {
    .xl\:top-8 {
      top: 32px; } }

.-top-8 {
  top: -32px; }
  @media (min-width: 640px) {
    .sm\:-top-8 {
      top: -32px; } }
  @media (min-width: 960px) {
    .md\:-top-8 {
      top: -32px; } }
  @media (min-width: 1280px) {
    .xl\:-top-8 {
      top: -32px; } }

.right-8 {
  right: 32px; }
  @media (min-width: 640px) {
    .sm\:right-8 {
      right: 32px; } }
  @media (min-width: 960px) {
    .md\:right-8 {
      right: 32px; } }
  @media (min-width: 1280px) {
    .xl\:right-8 {
      right: 32px; } }

.-right-8 {
  right: -32px; }
  @media (min-width: 640px) {
    .sm\:-right-8 {
      right: -32px; } }
  @media (min-width: 960px) {
    .md\:-right-8 {
      right: -32px; } }
  @media (min-width: 1280px) {
    .xl\:-right-8 {
      right: -32px; } }

.bottom-8 {
  bottom: 32px; }
  @media (min-width: 640px) {
    .sm\:bottom-8 {
      bottom: 32px; } }
  @media (min-width: 960px) {
    .md\:bottom-8 {
      bottom: 32px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-8 {
      bottom: 32px; } }

.-bottom-8 {
  bottom: -32px; }
  @media (min-width: 640px) {
    .sm\:-bottom-8 {
      bottom: -32px; } }
  @media (min-width: 960px) {
    .md\:-bottom-8 {
      bottom: -32px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-8 {
      bottom: -32px; } }

.left-8 {
  left: 32px; }
  @media (min-width: 640px) {
    .sm\:left-8 {
      left: 32px; } }
  @media (min-width: 960px) {
    .md\:left-8 {
      left: 32px; } }
  @media (min-width: 1280px) {
    .xl\:left-8 {
      left: 32px; } }

.-left-8 {
  left: -32px; }
  @media (min-width: 640px) {
    .sm\:-left-8 {
      left: -32px; } }
  @media (min-width: 960px) {
    .md\:-left-8 {
      left: -32px; } }
  @media (min-width: 1280px) {
    .xl\:-left-8 {
      left: -32px; } }

.top-9 {
  top: 36px; }
  @media (min-width: 640px) {
    .sm\:top-9 {
      top: 36px; } }
  @media (min-width: 960px) {
    .md\:top-9 {
      top: 36px; } }
  @media (min-width: 1280px) {
    .xl\:top-9 {
      top: 36px; } }

.-top-9 {
  top: -36px; }
  @media (min-width: 640px) {
    .sm\:-top-9 {
      top: -36px; } }
  @media (min-width: 960px) {
    .md\:-top-9 {
      top: -36px; } }
  @media (min-width: 1280px) {
    .xl\:-top-9 {
      top: -36px; } }

.right-9 {
  right: 36px; }
  @media (min-width: 640px) {
    .sm\:right-9 {
      right: 36px; } }
  @media (min-width: 960px) {
    .md\:right-9 {
      right: 36px; } }
  @media (min-width: 1280px) {
    .xl\:right-9 {
      right: 36px; } }

.-right-9 {
  right: -36px; }
  @media (min-width: 640px) {
    .sm\:-right-9 {
      right: -36px; } }
  @media (min-width: 960px) {
    .md\:-right-9 {
      right: -36px; } }
  @media (min-width: 1280px) {
    .xl\:-right-9 {
      right: -36px; } }

.bottom-9 {
  bottom: 36px; }
  @media (min-width: 640px) {
    .sm\:bottom-9 {
      bottom: 36px; } }
  @media (min-width: 960px) {
    .md\:bottom-9 {
      bottom: 36px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-9 {
      bottom: 36px; } }

.-bottom-9 {
  bottom: -36px; }
  @media (min-width: 640px) {
    .sm\:-bottom-9 {
      bottom: -36px; } }
  @media (min-width: 960px) {
    .md\:-bottom-9 {
      bottom: -36px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-9 {
      bottom: -36px; } }

.left-9 {
  left: 36px; }
  @media (min-width: 640px) {
    .sm\:left-9 {
      left: 36px; } }
  @media (min-width: 960px) {
    .md\:left-9 {
      left: 36px; } }
  @media (min-width: 1280px) {
    .xl\:left-9 {
      left: 36px; } }

.-left-9 {
  left: -36px; }
  @media (min-width: 640px) {
    .sm\:-left-9 {
      left: -36px; } }
  @media (min-width: 960px) {
    .md\:-left-9 {
      left: -36px; } }
  @media (min-width: 1280px) {
    .xl\:-left-9 {
      left: -36px; } }

.top-10 {
  top: 40px; }
  @media (min-width: 640px) {
    .sm\:top-10 {
      top: 40px; } }
  @media (min-width: 960px) {
    .md\:top-10 {
      top: 40px; } }
  @media (min-width: 1280px) {
    .xl\:top-10 {
      top: 40px; } }

.-top-10 {
  top: -40px; }
  @media (min-width: 640px) {
    .sm\:-top-10 {
      top: -40px; } }
  @media (min-width: 960px) {
    .md\:-top-10 {
      top: -40px; } }
  @media (min-width: 1280px) {
    .xl\:-top-10 {
      top: -40px; } }

.right-10 {
  right: 40px; }
  @media (min-width: 640px) {
    .sm\:right-10 {
      right: 40px; } }
  @media (min-width: 960px) {
    .md\:right-10 {
      right: 40px; } }
  @media (min-width: 1280px) {
    .xl\:right-10 {
      right: 40px; } }

.-right-10 {
  right: -40px; }
  @media (min-width: 640px) {
    .sm\:-right-10 {
      right: -40px; } }
  @media (min-width: 960px) {
    .md\:-right-10 {
      right: -40px; } }
  @media (min-width: 1280px) {
    .xl\:-right-10 {
      right: -40px; } }

.bottom-10 {
  bottom: 40px; }
  @media (min-width: 640px) {
    .sm\:bottom-10 {
      bottom: 40px; } }
  @media (min-width: 960px) {
    .md\:bottom-10 {
      bottom: 40px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-10 {
      bottom: 40px; } }

.-bottom-10 {
  bottom: -40px; }
  @media (min-width: 640px) {
    .sm\:-bottom-10 {
      bottom: -40px; } }
  @media (min-width: 960px) {
    .md\:-bottom-10 {
      bottom: -40px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-10 {
      bottom: -40px; } }

.left-10 {
  left: 40px; }
  @media (min-width: 640px) {
    .sm\:left-10 {
      left: 40px; } }
  @media (min-width: 960px) {
    .md\:left-10 {
      left: 40px; } }
  @media (min-width: 1280px) {
    .xl\:left-10 {
      left: 40px; } }

.-left-10 {
  left: -40px; }
  @media (min-width: 640px) {
    .sm\:-left-10 {
      left: -40px; } }
  @media (min-width: 960px) {
    .md\:-left-10 {
      left: -40px; } }
  @media (min-width: 1280px) {
    .xl\:-left-10 {
      left: -40px; } }

.top-11 {
  top: 44px; }
  @media (min-width: 640px) {
    .sm\:top-11 {
      top: 44px; } }
  @media (min-width: 960px) {
    .md\:top-11 {
      top: 44px; } }
  @media (min-width: 1280px) {
    .xl\:top-11 {
      top: 44px; } }

.-top-11 {
  top: -44px; }
  @media (min-width: 640px) {
    .sm\:-top-11 {
      top: -44px; } }
  @media (min-width: 960px) {
    .md\:-top-11 {
      top: -44px; } }
  @media (min-width: 1280px) {
    .xl\:-top-11 {
      top: -44px; } }

.right-11 {
  right: 44px; }
  @media (min-width: 640px) {
    .sm\:right-11 {
      right: 44px; } }
  @media (min-width: 960px) {
    .md\:right-11 {
      right: 44px; } }
  @media (min-width: 1280px) {
    .xl\:right-11 {
      right: 44px; } }

.-right-11 {
  right: -44px; }
  @media (min-width: 640px) {
    .sm\:-right-11 {
      right: -44px; } }
  @media (min-width: 960px) {
    .md\:-right-11 {
      right: -44px; } }
  @media (min-width: 1280px) {
    .xl\:-right-11 {
      right: -44px; } }

.bottom-11 {
  bottom: 44px; }
  @media (min-width: 640px) {
    .sm\:bottom-11 {
      bottom: 44px; } }
  @media (min-width: 960px) {
    .md\:bottom-11 {
      bottom: 44px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-11 {
      bottom: 44px; } }

.-bottom-11 {
  bottom: -44px; }
  @media (min-width: 640px) {
    .sm\:-bottom-11 {
      bottom: -44px; } }
  @media (min-width: 960px) {
    .md\:-bottom-11 {
      bottom: -44px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-11 {
      bottom: -44px; } }

.left-11 {
  left: 44px; }
  @media (min-width: 640px) {
    .sm\:left-11 {
      left: 44px; } }
  @media (min-width: 960px) {
    .md\:left-11 {
      left: 44px; } }
  @media (min-width: 1280px) {
    .xl\:left-11 {
      left: 44px; } }

.-left-11 {
  left: -44px; }
  @media (min-width: 640px) {
    .sm\:-left-11 {
      left: -44px; } }
  @media (min-width: 960px) {
    .md\:-left-11 {
      left: -44px; } }
  @media (min-width: 1280px) {
    .xl\:-left-11 {
      left: -44px; } }

.top-12 {
  top: 48px; }
  @media (min-width: 640px) {
    .sm\:top-12 {
      top: 48px; } }
  @media (min-width: 960px) {
    .md\:top-12 {
      top: 48px; } }
  @media (min-width: 1280px) {
    .xl\:top-12 {
      top: 48px; } }

.-top-12 {
  top: -48px; }
  @media (min-width: 640px) {
    .sm\:-top-12 {
      top: -48px; } }
  @media (min-width: 960px) {
    .md\:-top-12 {
      top: -48px; } }
  @media (min-width: 1280px) {
    .xl\:-top-12 {
      top: -48px; } }

.right-12 {
  right: 48px; }
  @media (min-width: 640px) {
    .sm\:right-12 {
      right: 48px; } }
  @media (min-width: 960px) {
    .md\:right-12 {
      right: 48px; } }
  @media (min-width: 1280px) {
    .xl\:right-12 {
      right: 48px; } }

.-right-12 {
  right: -48px; }
  @media (min-width: 640px) {
    .sm\:-right-12 {
      right: -48px; } }
  @media (min-width: 960px) {
    .md\:-right-12 {
      right: -48px; } }
  @media (min-width: 1280px) {
    .xl\:-right-12 {
      right: -48px; } }

.bottom-12 {
  bottom: 48px; }
  @media (min-width: 640px) {
    .sm\:bottom-12 {
      bottom: 48px; } }
  @media (min-width: 960px) {
    .md\:bottom-12 {
      bottom: 48px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-12 {
      bottom: 48px; } }

.-bottom-12 {
  bottom: -48px; }
  @media (min-width: 640px) {
    .sm\:-bottom-12 {
      bottom: -48px; } }
  @media (min-width: 960px) {
    .md\:-bottom-12 {
      bottom: -48px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-12 {
      bottom: -48px; } }

.left-12 {
  left: 48px; }
  @media (min-width: 640px) {
    .sm\:left-12 {
      left: 48px; } }
  @media (min-width: 960px) {
    .md\:left-12 {
      left: 48px; } }
  @media (min-width: 1280px) {
    .xl\:left-12 {
      left: 48px; } }

.-left-12 {
  left: -48px; }
  @media (min-width: 640px) {
    .sm\:-left-12 {
      left: -48px; } }
  @media (min-width: 960px) {
    .md\:-left-12 {
      left: -48px; } }
  @media (min-width: 1280px) {
    .xl\:-left-12 {
      left: -48px; } }

.top-13 {
  top: 52px; }
  @media (min-width: 640px) {
    .sm\:top-13 {
      top: 52px; } }
  @media (min-width: 960px) {
    .md\:top-13 {
      top: 52px; } }
  @media (min-width: 1280px) {
    .xl\:top-13 {
      top: 52px; } }

.-top-13 {
  top: -52px; }
  @media (min-width: 640px) {
    .sm\:-top-13 {
      top: -52px; } }
  @media (min-width: 960px) {
    .md\:-top-13 {
      top: -52px; } }
  @media (min-width: 1280px) {
    .xl\:-top-13 {
      top: -52px; } }

.right-13 {
  right: 52px; }
  @media (min-width: 640px) {
    .sm\:right-13 {
      right: 52px; } }
  @media (min-width: 960px) {
    .md\:right-13 {
      right: 52px; } }
  @media (min-width: 1280px) {
    .xl\:right-13 {
      right: 52px; } }

.-right-13 {
  right: -52px; }
  @media (min-width: 640px) {
    .sm\:-right-13 {
      right: -52px; } }
  @media (min-width: 960px) {
    .md\:-right-13 {
      right: -52px; } }
  @media (min-width: 1280px) {
    .xl\:-right-13 {
      right: -52px; } }

.bottom-13 {
  bottom: 52px; }
  @media (min-width: 640px) {
    .sm\:bottom-13 {
      bottom: 52px; } }
  @media (min-width: 960px) {
    .md\:bottom-13 {
      bottom: 52px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-13 {
      bottom: 52px; } }

.-bottom-13 {
  bottom: -52px; }
  @media (min-width: 640px) {
    .sm\:-bottom-13 {
      bottom: -52px; } }
  @media (min-width: 960px) {
    .md\:-bottom-13 {
      bottom: -52px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-13 {
      bottom: -52px; } }

.left-13 {
  left: 52px; }
  @media (min-width: 640px) {
    .sm\:left-13 {
      left: 52px; } }
  @media (min-width: 960px) {
    .md\:left-13 {
      left: 52px; } }
  @media (min-width: 1280px) {
    .xl\:left-13 {
      left: 52px; } }

.-left-13 {
  left: -52px; }
  @media (min-width: 640px) {
    .sm\:-left-13 {
      left: -52px; } }
  @media (min-width: 960px) {
    .md\:-left-13 {
      left: -52px; } }
  @media (min-width: 1280px) {
    .xl\:-left-13 {
      left: -52px; } }

.top-14 {
  top: 56px; }
  @media (min-width: 640px) {
    .sm\:top-14 {
      top: 56px; } }
  @media (min-width: 960px) {
    .md\:top-14 {
      top: 56px; } }
  @media (min-width: 1280px) {
    .xl\:top-14 {
      top: 56px; } }

.-top-14 {
  top: -56px; }
  @media (min-width: 640px) {
    .sm\:-top-14 {
      top: -56px; } }
  @media (min-width: 960px) {
    .md\:-top-14 {
      top: -56px; } }
  @media (min-width: 1280px) {
    .xl\:-top-14 {
      top: -56px; } }

.right-14 {
  right: 56px; }
  @media (min-width: 640px) {
    .sm\:right-14 {
      right: 56px; } }
  @media (min-width: 960px) {
    .md\:right-14 {
      right: 56px; } }
  @media (min-width: 1280px) {
    .xl\:right-14 {
      right: 56px; } }

.-right-14 {
  right: -56px; }
  @media (min-width: 640px) {
    .sm\:-right-14 {
      right: -56px; } }
  @media (min-width: 960px) {
    .md\:-right-14 {
      right: -56px; } }
  @media (min-width: 1280px) {
    .xl\:-right-14 {
      right: -56px; } }

.bottom-14 {
  bottom: 56px; }
  @media (min-width: 640px) {
    .sm\:bottom-14 {
      bottom: 56px; } }
  @media (min-width: 960px) {
    .md\:bottom-14 {
      bottom: 56px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-14 {
      bottom: 56px; } }

.-bottom-14 {
  bottom: -56px; }
  @media (min-width: 640px) {
    .sm\:-bottom-14 {
      bottom: -56px; } }
  @media (min-width: 960px) {
    .md\:-bottom-14 {
      bottom: -56px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-14 {
      bottom: -56px; } }

.left-14 {
  left: 56px; }
  @media (min-width: 640px) {
    .sm\:left-14 {
      left: 56px; } }
  @media (min-width: 960px) {
    .md\:left-14 {
      left: 56px; } }
  @media (min-width: 1280px) {
    .xl\:left-14 {
      left: 56px; } }

.-left-14 {
  left: -56px; }
  @media (min-width: 640px) {
    .sm\:-left-14 {
      left: -56px; } }
  @media (min-width: 960px) {
    .md\:-left-14 {
      left: -56px; } }
  @media (min-width: 1280px) {
    .xl\:-left-14 {
      left: -56px; } }

.top-15 {
  top: 60px; }
  @media (min-width: 640px) {
    .sm\:top-15 {
      top: 60px; } }
  @media (min-width: 960px) {
    .md\:top-15 {
      top: 60px; } }
  @media (min-width: 1280px) {
    .xl\:top-15 {
      top: 60px; } }

.-top-15 {
  top: -60px; }
  @media (min-width: 640px) {
    .sm\:-top-15 {
      top: -60px; } }
  @media (min-width: 960px) {
    .md\:-top-15 {
      top: -60px; } }
  @media (min-width: 1280px) {
    .xl\:-top-15 {
      top: -60px; } }

.right-15 {
  right: 60px; }
  @media (min-width: 640px) {
    .sm\:right-15 {
      right: 60px; } }
  @media (min-width: 960px) {
    .md\:right-15 {
      right: 60px; } }
  @media (min-width: 1280px) {
    .xl\:right-15 {
      right: 60px; } }

.-right-15 {
  right: -60px; }
  @media (min-width: 640px) {
    .sm\:-right-15 {
      right: -60px; } }
  @media (min-width: 960px) {
    .md\:-right-15 {
      right: -60px; } }
  @media (min-width: 1280px) {
    .xl\:-right-15 {
      right: -60px; } }

.bottom-15 {
  bottom: 60px; }
  @media (min-width: 640px) {
    .sm\:bottom-15 {
      bottom: 60px; } }
  @media (min-width: 960px) {
    .md\:bottom-15 {
      bottom: 60px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-15 {
      bottom: 60px; } }

.-bottom-15 {
  bottom: -60px; }
  @media (min-width: 640px) {
    .sm\:-bottom-15 {
      bottom: -60px; } }
  @media (min-width: 960px) {
    .md\:-bottom-15 {
      bottom: -60px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-15 {
      bottom: -60px; } }

.left-15 {
  left: 60px; }
  @media (min-width: 640px) {
    .sm\:left-15 {
      left: 60px; } }
  @media (min-width: 960px) {
    .md\:left-15 {
      left: 60px; } }
  @media (min-width: 1280px) {
    .xl\:left-15 {
      left: 60px; } }

.-left-15 {
  left: -60px; }
  @media (min-width: 640px) {
    .sm\:-left-15 {
      left: -60px; } }
  @media (min-width: 960px) {
    .md\:-left-15 {
      left: -60px; } }
  @media (min-width: 1280px) {
    .xl\:-left-15 {
      left: -60px; } }

.top-16 {
  top: 64px; }
  @media (min-width: 640px) {
    .sm\:top-16 {
      top: 64px; } }
  @media (min-width: 960px) {
    .md\:top-16 {
      top: 64px; } }
  @media (min-width: 1280px) {
    .xl\:top-16 {
      top: 64px; } }

.-top-16 {
  top: -64px; }
  @media (min-width: 640px) {
    .sm\:-top-16 {
      top: -64px; } }
  @media (min-width: 960px) {
    .md\:-top-16 {
      top: -64px; } }
  @media (min-width: 1280px) {
    .xl\:-top-16 {
      top: -64px; } }

.right-16 {
  right: 64px; }
  @media (min-width: 640px) {
    .sm\:right-16 {
      right: 64px; } }
  @media (min-width: 960px) {
    .md\:right-16 {
      right: 64px; } }
  @media (min-width: 1280px) {
    .xl\:right-16 {
      right: 64px; } }

.-right-16 {
  right: -64px; }
  @media (min-width: 640px) {
    .sm\:-right-16 {
      right: -64px; } }
  @media (min-width: 960px) {
    .md\:-right-16 {
      right: -64px; } }
  @media (min-width: 1280px) {
    .xl\:-right-16 {
      right: -64px; } }

.bottom-16 {
  bottom: 64px; }
  @media (min-width: 640px) {
    .sm\:bottom-16 {
      bottom: 64px; } }
  @media (min-width: 960px) {
    .md\:bottom-16 {
      bottom: 64px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-16 {
      bottom: 64px; } }

.-bottom-16 {
  bottom: -64px; }
  @media (min-width: 640px) {
    .sm\:-bottom-16 {
      bottom: -64px; } }
  @media (min-width: 960px) {
    .md\:-bottom-16 {
      bottom: -64px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-16 {
      bottom: -64px; } }

.left-16 {
  left: 64px; }
  @media (min-width: 640px) {
    .sm\:left-16 {
      left: 64px; } }
  @media (min-width: 960px) {
    .md\:left-16 {
      left: 64px; } }
  @media (min-width: 1280px) {
    .xl\:left-16 {
      left: 64px; } }

.-left-16 {
  left: -64px; }
  @media (min-width: 640px) {
    .sm\:-left-16 {
      left: -64px; } }
  @media (min-width: 960px) {
    .md\:-left-16 {
      left: -64px; } }
  @media (min-width: 1280px) {
    .xl\:-left-16 {
      left: -64px; } }

.top-17 {
  top: 68px; }
  @media (min-width: 640px) {
    .sm\:top-17 {
      top: 68px; } }
  @media (min-width: 960px) {
    .md\:top-17 {
      top: 68px; } }
  @media (min-width: 1280px) {
    .xl\:top-17 {
      top: 68px; } }

.-top-17 {
  top: -68px; }
  @media (min-width: 640px) {
    .sm\:-top-17 {
      top: -68px; } }
  @media (min-width: 960px) {
    .md\:-top-17 {
      top: -68px; } }
  @media (min-width: 1280px) {
    .xl\:-top-17 {
      top: -68px; } }

.right-17 {
  right: 68px; }
  @media (min-width: 640px) {
    .sm\:right-17 {
      right: 68px; } }
  @media (min-width: 960px) {
    .md\:right-17 {
      right: 68px; } }
  @media (min-width: 1280px) {
    .xl\:right-17 {
      right: 68px; } }

.-right-17 {
  right: -68px; }
  @media (min-width: 640px) {
    .sm\:-right-17 {
      right: -68px; } }
  @media (min-width: 960px) {
    .md\:-right-17 {
      right: -68px; } }
  @media (min-width: 1280px) {
    .xl\:-right-17 {
      right: -68px; } }

.bottom-17 {
  bottom: 68px; }
  @media (min-width: 640px) {
    .sm\:bottom-17 {
      bottom: 68px; } }
  @media (min-width: 960px) {
    .md\:bottom-17 {
      bottom: 68px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-17 {
      bottom: 68px; } }

.-bottom-17 {
  bottom: -68px; }
  @media (min-width: 640px) {
    .sm\:-bottom-17 {
      bottom: -68px; } }
  @media (min-width: 960px) {
    .md\:-bottom-17 {
      bottom: -68px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-17 {
      bottom: -68px; } }

.left-17 {
  left: 68px; }
  @media (min-width: 640px) {
    .sm\:left-17 {
      left: 68px; } }
  @media (min-width: 960px) {
    .md\:left-17 {
      left: 68px; } }
  @media (min-width: 1280px) {
    .xl\:left-17 {
      left: 68px; } }

.-left-17 {
  left: -68px; }
  @media (min-width: 640px) {
    .sm\:-left-17 {
      left: -68px; } }
  @media (min-width: 960px) {
    .md\:-left-17 {
      left: -68px; } }
  @media (min-width: 1280px) {
    .xl\:-left-17 {
      left: -68px; } }

.top-18 {
  top: 72px; }
  @media (min-width: 640px) {
    .sm\:top-18 {
      top: 72px; } }
  @media (min-width: 960px) {
    .md\:top-18 {
      top: 72px; } }
  @media (min-width: 1280px) {
    .xl\:top-18 {
      top: 72px; } }

.-top-18 {
  top: -72px; }
  @media (min-width: 640px) {
    .sm\:-top-18 {
      top: -72px; } }
  @media (min-width: 960px) {
    .md\:-top-18 {
      top: -72px; } }
  @media (min-width: 1280px) {
    .xl\:-top-18 {
      top: -72px; } }

.right-18 {
  right: 72px; }
  @media (min-width: 640px) {
    .sm\:right-18 {
      right: 72px; } }
  @media (min-width: 960px) {
    .md\:right-18 {
      right: 72px; } }
  @media (min-width: 1280px) {
    .xl\:right-18 {
      right: 72px; } }

.-right-18 {
  right: -72px; }
  @media (min-width: 640px) {
    .sm\:-right-18 {
      right: -72px; } }
  @media (min-width: 960px) {
    .md\:-right-18 {
      right: -72px; } }
  @media (min-width: 1280px) {
    .xl\:-right-18 {
      right: -72px; } }

.bottom-18 {
  bottom: 72px; }
  @media (min-width: 640px) {
    .sm\:bottom-18 {
      bottom: 72px; } }
  @media (min-width: 960px) {
    .md\:bottom-18 {
      bottom: 72px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-18 {
      bottom: 72px; } }

.-bottom-18 {
  bottom: -72px; }
  @media (min-width: 640px) {
    .sm\:-bottom-18 {
      bottom: -72px; } }
  @media (min-width: 960px) {
    .md\:-bottom-18 {
      bottom: -72px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-18 {
      bottom: -72px; } }

.left-18 {
  left: 72px; }
  @media (min-width: 640px) {
    .sm\:left-18 {
      left: 72px; } }
  @media (min-width: 960px) {
    .md\:left-18 {
      left: 72px; } }
  @media (min-width: 1280px) {
    .xl\:left-18 {
      left: 72px; } }

.-left-18 {
  left: -72px; }
  @media (min-width: 640px) {
    .sm\:-left-18 {
      left: -72px; } }
  @media (min-width: 960px) {
    .md\:-left-18 {
      left: -72px; } }
  @media (min-width: 1280px) {
    .xl\:-left-18 {
      left: -72px; } }

.top-19 {
  top: 76px; }
  @media (min-width: 640px) {
    .sm\:top-19 {
      top: 76px; } }
  @media (min-width: 960px) {
    .md\:top-19 {
      top: 76px; } }
  @media (min-width: 1280px) {
    .xl\:top-19 {
      top: 76px; } }

.-top-19 {
  top: -76px; }
  @media (min-width: 640px) {
    .sm\:-top-19 {
      top: -76px; } }
  @media (min-width: 960px) {
    .md\:-top-19 {
      top: -76px; } }
  @media (min-width: 1280px) {
    .xl\:-top-19 {
      top: -76px; } }

.right-19 {
  right: 76px; }
  @media (min-width: 640px) {
    .sm\:right-19 {
      right: 76px; } }
  @media (min-width: 960px) {
    .md\:right-19 {
      right: 76px; } }
  @media (min-width: 1280px) {
    .xl\:right-19 {
      right: 76px; } }

.-right-19 {
  right: -76px; }
  @media (min-width: 640px) {
    .sm\:-right-19 {
      right: -76px; } }
  @media (min-width: 960px) {
    .md\:-right-19 {
      right: -76px; } }
  @media (min-width: 1280px) {
    .xl\:-right-19 {
      right: -76px; } }

.bottom-19 {
  bottom: 76px; }
  @media (min-width: 640px) {
    .sm\:bottom-19 {
      bottom: 76px; } }
  @media (min-width: 960px) {
    .md\:bottom-19 {
      bottom: 76px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-19 {
      bottom: 76px; } }

.-bottom-19 {
  bottom: -76px; }
  @media (min-width: 640px) {
    .sm\:-bottom-19 {
      bottom: -76px; } }
  @media (min-width: 960px) {
    .md\:-bottom-19 {
      bottom: -76px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-19 {
      bottom: -76px; } }

.left-19 {
  left: 76px; }
  @media (min-width: 640px) {
    .sm\:left-19 {
      left: 76px; } }
  @media (min-width: 960px) {
    .md\:left-19 {
      left: 76px; } }
  @media (min-width: 1280px) {
    .xl\:left-19 {
      left: 76px; } }

.-left-19 {
  left: -76px; }
  @media (min-width: 640px) {
    .sm\:-left-19 {
      left: -76px; } }
  @media (min-width: 960px) {
    .md\:-left-19 {
      left: -76px; } }
  @media (min-width: 1280px) {
    .xl\:-left-19 {
      left: -76px; } }

.top-20 {
  top: 80px; }
  @media (min-width: 640px) {
    .sm\:top-20 {
      top: 80px; } }
  @media (min-width: 960px) {
    .md\:top-20 {
      top: 80px; } }
  @media (min-width: 1280px) {
    .xl\:top-20 {
      top: 80px; } }

.-top-20 {
  top: -80px; }
  @media (min-width: 640px) {
    .sm\:-top-20 {
      top: -80px; } }
  @media (min-width: 960px) {
    .md\:-top-20 {
      top: -80px; } }
  @media (min-width: 1280px) {
    .xl\:-top-20 {
      top: -80px; } }

.right-20 {
  right: 80px; }
  @media (min-width: 640px) {
    .sm\:right-20 {
      right: 80px; } }
  @media (min-width: 960px) {
    .md\:right-20 {
      right: 80px; } }
  @media (min-width: 1280px) {
    .xl\:right-20 {
      right: 80px; } }

.-right-20 {
  right: -80px; }
  @media (min-width: 640px) {
    .sm\:-right-20 {
      right: -80px; } }
  @media (min-width: 960px) {
    .md\:-right-20 {
      right: -80px; } }
  @media (min-width: 1280px) {
    .xl\:-right-20 {
      right: -80px; } }

.bottom-20 {
  bottom: 80px; }
  @media (min-width: 640px) {
    .sm\:bottom-20 {
      bottom: 80px; } }
  @media (min-width: 960px) {
    .md\:bottom-20 {
      bottom: 80px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-20 {
      bottom: 80px; } }

.-bottom-20 {
  bottom: -80px; }
  @media (min-width: 640px) {
    .sm\:-bottom-20 {
      bottom: -80px; } }
  @media (min-width: 960px) {
    .md\:-bottom-20 {
      bottom: -80px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-20 {
      bottom: -80px; } }

.left-20 {
  left: 80px; }
  @media (min-width: 640px) {
    .sm\:left-20 {
      left: 80px; } }
  @media (min-width: 960px) {
    .md\:left-20 {
      left: 80px; } }
  @media (min-width: 1280px) {
    .xl\:left-20 {
      left: 80px; } }

.-left-20 {
  left: -80px; }
  @media (min-width: 640px) {
    .sm\:-left-20 {
      left: -80px; } }
  @media (min-width: 960px) {
    .md\:-left-20 {
      left: -80px; } }
  @media (min-width: 1280px) {
    .xl\:-left-20 {
      left: -80px; } }

.top-21 {
  top: 84px; }
  @media (min-width: 640px) {
    .sm\:top-21 {
      top: 84px; } }
  @media (min-width: 960px) {
    .md\:top-21 {
      top: 84px; } }
  @media (min-width: 1280px) {
    .xl\:top-21 {
      top: 84px; } }

.-top-21 {
  top: -84px; }
  @media (min-width: 640px) {
    .sm\:-top-21 {
      top: -84px; } }
  @media (min-width: 960px) {
    .md\:-top-21 {
      top: -84px; } }
  @media (min-width: 1280px) {
    .xl\:-top-21 {
      top: -84px; } }

.right-21 {
  right: 84px; }
  @media (min-width: 640px) {
    .sm\:right-21 {
      right: 84px; } }
  @media (min-width: 960px) {
    .md\:right-21 {
      right: 84px; } }
  @media (min-width: 1280px) {
    .xl\:right-21 {
      right: 84px; } }

.-right-21 {
  right: -84px; }
  @media (min-width: 640px) {
    .sm\:-right-21 {
      right: -84px; } }
  @media (min-width: 960px) {
    .md\:-right-21 {
      right: -84px; } }
  @media (min-width: 1280px) {
    .xl\:-right-21 {
      right: -84px; } }

.bottom-21 {
  bottom: 84px; }
  @media (min-width: 640px) {
    .sm\:bottom-21 {
      bottom: 84px; } }
  @media (min-width: 960px) {
    .md\:bottom-21 {
      bottom: 84px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-21 {
      bottom: 84px; } }

.-bottom-21 {
  bottom: -84px; }
  @media (min-width: 640px) {
    .sm\:-bottom-21 {
      bottom: -84px; } }
  @media (min-width: 960px) {
    .md\:-bottom-21 {
      bottom: -84px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-21 {
      bottom: -84px; } }

.left-21 {
  left: 84px; }
  @media (min-width: 640px) {
    .sm\:left-21 {
      left: 84px; } }
  @media (min-width: 960px) {
    .md\:left-21 {
      left: 84px; } }
  @media (min-width: 1280px) {
    .xl\:left-21 {
      left: 84px; } }

.-left-21 {
  left: -84px; }
  @media (min-width: 640px) {
    .sm\:-left-21 {
      left: -84px; } }
  @media (min-width: 960px) {
    .md\:-left-21 {
      left: -84px; } }
  @media (min-width: 1280px) {
    .xl\:-left-21 {
      left: -84px; } }

.top-22 {
  top: 88px; }
  @media (min-width: 640px) {
    .sm\:top-22 {
      top: 88px; } }
  @media (min-width: 960px) {
    .md\:top-22 {
      top: 88px; } }
  @media (min-width: 1280px) {
    .xl\:top-22 {
      top: 88px; } }

.-top-22 {
  top: -88px; }
  @media (min-width: 640px) {
    .sm\:-top-22 {
      top: -88px; } }
  @media (min-width: 960px) {
    .md\:-top-22 {
      top: -88px; } }
  @media (min-width: 1280px) {
    .xl\:-top-22 {
      top: -88px; } }

.right-22 {
  right: 88px; }
  @media (min-width: 640px) {
    .sm\:right-22 {
      right: 88px; } }
  @media (min-width: 960px) {
    .md\:right-22 {
      right: 88px; } }
  @media (min-width: 1280px) {
    .xl\:right-22 {
      right: 88px; } }

.-right-22 {
  right: -88px; }
  @media (min-width: 640px) {
    .sm\:-right-22 {
      right: -88px; } }
  @media (min-width: 960px) {
    .md\:-right-22 {
      right: -88px; } }
  @media (min-width: 1280px) {
    .xl\:-right-22 {
      right: -88px; } }

.bottom-22 {
  bottom: 88px; }
  @media (min-width: 640px) {
    .sm\:bottom-22 {
      bottom: 88px; } }
  @media (min-width: 960px) {
    .md\:bottom-22 {
      bottom: 88px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-22 {
      bottom: 88px; } }

.-bottom-22 {
  bottom: -88px; }
  @media (min-width: 640px) {
    .sm\:-bottom-22 {
      bottom: -88px; } }
  @media (min-width: 960px) {
    .md\:-bottom-22 {
      bottom: -88px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-22 {
      bottom: -88px; } }

.left-22 {
  left: 88px; }
  @media (min-width: 640px) {
    .sm\:left-22 {
      left: 88px; } }
  @media (min-width: 960px) {
    .md\:left-22 {
      left: 88px; } }
  @media (min-width: 1280px) {
    .xl\:left-22 {
      left: 88px; } }

.-left-22 {
  left: -88px; }
  @media (min-width: 640px) {
    .sm\:-left-22 {
      left: -88px; } }
  @media (min-width: 960px) {
    .md\:-left-22 {
      left: -88px; } }
  @media (min-width: 1280px) {
    .xl\:-left-22 {
      left: -88px; } }

.top-23 {
  top: 92px; }
  @media (min-width: 640px) {
    .sm\:top-23 {
      top: 92px; } }
  @media (min-width: 960px) {
    .md\:top-23 {
      top: 92px; } }
  @media (min-width: 1280px) {
    .xl\:top-23 {
      top: 92px; } }

.-top-23 {
  top: -92px; }
  @media (min-width: 640px) {
    .sm\:-top-23 {
      top: -92px; } }
  @media (min-width: 960px) {
    .md\:-top-23 {
      top: -92px; } }
  @media (min-width: 1280px) {
    .xl\:-top-23 {
      top: -92px; } }

.right-23 {
  right: 92px; }
  @media (min-width: 640px) {
    .sm\:right-23 {
      right: 92px; } }
  @media (min-width: 960px) {
    .md\:right-23 {
      right: 92px; } }
  @media (min-width: 1280px) {
    .xl\:right-23 {
      right: 92px; } }

.-right-23 {
  right: -92px; }
  @media (min-width: 640px) {
    .sm\:-right-23 {
      right: -92px; } }
  @media (min-width: 960px) {
    .md\:-right-23 {
      right: -92px; } }
  @media (min-width: 1280px) {
    .xl\:-right-23 {
      right: -92px; } }

.bottom-23 {
  bottom: 92px; }
  @media (min-width: 640px) {
    .sm\:bottom-23 {
      bottom: 92px; } }
  @media (min-width: 960px) {
    .md\:bottom-23 {
      bottom: 92px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-23 {
      bottom: 92px; } }

.-bottom-23 {
  bottom: -92px; }
  @media (min-width: 640px) {
    .sm\:-bottom-23 {
      bottom: -92px; } }
  @media (min-width: 960px) {
    .md\:-bottom-23 {
      bottom: -92px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-23 {
      bottom: -92px; } }

.left-23 {
  left: 92px; }
  @media (min-width: 640px) {
    .sm\:left-23 {
      left: 92px; } }
  @media (min-width: 960px) {
    .md\:left-23 {
      left: 92px; } }
  @media (min-width: 1280px) {
    .xl\:left-23 {
      left: 92px; } }

.-left-23 {
  left: -92px; }
  @media (min-width: 640px) {
    .sm\:-left-23 {
      left: -92px; } }
  @media (min-width: 960px) {
    .md\:-left-23 {
      left: -92px; } }
  @media (min-width: 1280px) {
    .xl\:-left-23 {
      left: -92px; } }

.top-24 {
  top: 96px; }
  @media (min-width: 640px) {
    .sm\:top-24 {
      top: 96px; } }
  @media (min-width: 960px) {
    .md\:top-24 {
      top: 96px; } }
  @media (min-width: 1280px) {
    .xl\:top-24 {
      top: 96px; } }

.-top-24 {
  top: -96px; }
  @media (min-width: 640px) {
    .sm\:-top-24 {
      top: -96px; } }
  @media (min-width: 960px) {
    .md\:-top-24 {
      top: -96px; } }
  @media (min-width: 1280px) {
    .xl\:-top-24 {
      top: -96px; } }

.right-24 {
  right: 96px; }
  @media (min-width: 640px) {
    .sm\:right-24 {
      right: 96px; } }
  @media (min-width: 960px) {
    .md\:right-24 {
      right: 96px; } }
  @media (min-width: 1280px) {
    .xl\:right-24 {
      right: 96px; } }

.-right-24 {
  right: -96px; }
  @media (min-width: 640px) {
    .sm\:-right-24 {
      right: -96px; } }
  @media (min-width: 960px) {
    .md\:-right-24 {
      right: -96px; } }
  @media (min-width: 1280px) {
    .xl\:-right-24 {
      right: -96px; } }

.bottom-24 {
  bottom: 96px; }
  @media (min-width: 640px) {
    .sm\:bottom-24 {
      bottom: 96px; } }
  @media (min-width: 960px) {
    .md\:bottom-24 {
      bottom: 96px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-24 {
      bottom: 96px; } }

.-bottom-24 {
  bottom: -96px; }
  @media (min-width: 640px) {
    .sm\:-bottom-24 {
      bottom: -96px; } }
  @media (min-width: 960px) {
    .md\:-bottom-24 {
      bottom: -96px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-24 {
      bottom: -96px; } }

.left-24 {
  left: 96px; }
  @media (min-width: 640px) {
    .sm\:left-24 {
      left: 96px; } }
  @media (min-width: 960px) {
    .md\:left-24 {
      left: 96px; } }
  @media (min-width: 1280px) {
    .xl\:left-24 {
      left: 96px; } }

.-left-24 {
  left: -96px; }
  @media (min-width: 640px) {
    .sm\:-left-24 {
      left: -96px; } }
  @media (min-width: 960px) {
    .md\:-left-24 {
      left: -96px; } }
  @media (min-width: 1280px) {
    .xl\:-left-24 {
      left: -96px; } }

.top-25 {
  top: 100px; }
  @media (min-width: 640px) {
    .sm\:top-25 {
      top: 100px; } }
  @media (min-width: 960px) {
    .md\:top-25 {
      top: 100px; } }
  @media (min-width: 1280px) {
    .xl\:top-25 {
      top: 100px; } }

.-top-25 {
  top: -100px; }
  @media (min-width: 640px) {
    .sm\:-top-25 {
      top: -100px; } }
  @media (min-width: 960px) {
    .md\:-top-25 {
      top: -100px; } }
  @media (min-width: 1280px) {
    .xl\:-top-25 {
      top: -100px; } }

.right-25 {
  right: 100px; }
  @media (min-width: 640px) {
    .sm\:right-25 {
      right: 100px; } }
  @media (min-width: 960px) {
    .md\:right-25 {
      right: 100px; } }
  @media (min-width: 1280px) {
    .xl\:right-25 {
      right: 100px; } }

.-right-25 {
  right: -100px; }
  @media (min-width: 640px) {
    .sm\:-right-25 {
      right: -100px; } }
  @media (min-width: 960px) {
    .md\:-right-25 {
      right: -100px; } }
  @media (min-width: 1280px) {
    .xl\:-right-25 {
      right: -100px; } }

.bottom-25 {
  bottom: 100px; }
  @media (min-width: 640px) {
    .sm\:bottom-25 {
      bottom: 100px; } }
  @media (min-width: 960px) {
    .md\:bottom-25 {
      bottom: 100px; } }
  @media (min-width: 1280px) {
    .xl\:bottom-25 {
      bottom: 100px; } }

.-bottom-25 {
  bottom: -100px; }
  @media (min-width: 640px) {
    .sm\:-bottom-25 {
      bottom: -100px; } }
  @media (min-width: 960px) {
    .md\:-bottom-25 {
      bottom: -100px; } }
  @media (min-width: 1280px) {
    .xl\:-bottom-25 {
      bottom: -100px; } }

.left-25 {
  left: 100px; }
  @media (min-width: 640px) {
    .sm\:left-25 {
      left: 100px; } }
  @media (min-width: 960px) {
    .md\:left-25 {
      left: 100px; } }
  @media (min-width: 1280px) {
    .xl\:left-25 {
      left: 100px; } }

.-left-25 {
  left: -100px; }
  @media (min-width: 640px) {
    .sm\:-left-25 {
      left: -100px; } }
  @media (min-width: 960px) {
    .md\:-left-25 {
      left: -100px; } }
  @media (min-width: 1280px) {
    .xl\:-left-25 {
      left: -100px; } }

.z-10 {
  z-index: 10; }
  @media (min-width: 640px) {
    .sm\:z-10 {
      z-index: 10; } }
  @media (min-width: 960px) {
    .md\:z-10 {
      z-index: 10; } }
  @media (min-width: 1280px) {
    .xl\:z-10 {
      z-index: 10; } }

.z-20 {
  z-index: 20; }
  @media (min-width: 640px) {
    .sm\:z-20 {
      z-index: 20; } }
  @media (min-width: 960px) {
    .md\:z-20 {
      z-index: 20; } }
  @media (min-width: 1280px) {
    .xl\:z-20 {
      z-index: 20; } }

.z-30 {
  z-index: 30; }
  @media (min-width: 640px) {
    .sm\:z-30 {
      z-index: 30; } }
  @media (min-width: 960px) {
    .md\:z-30 {
      z-index: 30; } }
  @media (min-width: 1280px) {
    .xl\:z-30 {
      z-index: 30; } }

.z-40 {
  z-index: 40; }
  @media (min-width: 640px) {
    .sm\:z-40 {
      z-index: 40; } }
  @media (min-width: 960px) {
    .md\:z-40 {
      z-index: 40; } }
  @media (min-width: 1280px) {
    .xl\:z-40 {
      z-index: 40; } }

.z-50 {
  z-index: 50; }
  @media (min-width: 640px) {
    .sm\:z-50 {
      z-index: 50; } }
  @media (min-width: 960px) {
    .md\:z-50 {
      z-index: 50; } }
  @media (min-width: 1280px) {
    .xl\:z-50 {
      z-index: 50; } }

h1 {
  font-size: 28px;
  margin-bottom: 58px; }

.button, .button-primary, .button-default {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  appearance: none;
  -webkit-appearance: none;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  max-width: 100%;
  transition: all 0.7s ease 0s;
  -webkit-transition: all 0.7s ease 0s;
  outline: none !important; }
  @media (min-width: 640px) {
    .button, .button-primary, .button-default {
      height: 56px;
      font-size: 16px;
      border-radius: 8px; } }

.button-primary {
  background: #393939;
  color: #FFFDF8;
  border: none; }
  .button-primary:hover, .button-primary:focus, .button-primary:active {
    background: #585858;
    color: #FFFDF8; }
  .button-primary.disabled, .button-primary[disabled] {
    opacity: .24; }

.button-default {
  border: 1px solid #393939;
  background: transparent; }

.button-reset {
  border: none;
  outline: none;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  padding: 0; }

.button-small {
  height: 40px; }

.button-extra-small {
  height: 32px;
  font-size: 14px; }

a.ajax-scroll {
  color: #A22428;
  border-bottom: 1px dashed;
  border-bottom-color: rgba(162, 36, 40, 0.6);
  cursor: pointer; }
  a.ajax-scroll:hover {
    color: #A22428;
    border-bottom-color: #A22428; }

a.link-primary {
  color: #A22428;
  cursor: pointer; }
  a.link-primary:hover {
    color: #A22428; }

a.dropdown-link {
  border-bottom: 1px dashed;
  border-bottom-color: var(--link-color, rgba(162, 36, 40, 0.6));
  cursor: pointer; }
  a.dropdown-link.text-positive {
    --link-color: #8BBD46; }
    a.dropdown-link.text-positive:after {
      filter: invert(68%) sepia(62%) saturate(425%) hue-rotate(42deg) brightness(91%) contrast(82%); }
  a.dropdown-link:hover {
    color: var(--link-color, #A22428);
    border-bottom-color: var(--link-color, #A22428); }
  a.dropdown-link:after {
    content: url("/img/icon-chevron-down.svg");
    position: absolute;
    bottom: -6px;
    right: -18px; }
  a.dropdown-link.opened:after {
    content: url("/img/icon-chevron-up.svg"); }

.product-label {
  display: inline-flex;
  font-weight: normal;
  font-size: 12px;
  padding: 4px 6px;
  margin-bottom: 4px;
  margin-right: 4px; }
  .product-label__extra-bonus {
    background: linear-gradient(90deg, #C763ED -25.63%, #50DDEB 117.23%), linear-gradient(90deg, #4A84FE -25.63%, #D184F6 117.23%);
    border-radius: 16px;
    color: white; }

.timeLabel {
  margin-bottom: 4px;
  margin-right: 4px; }
  @media (min-width: 960px) {
    .timeLabel__mobile {
      display: none !important; } }

.spinner {
  animation: spin 4s linear infinite;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite; }

@keyframes spin {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
.checkbox-control,
.radio-control {
  min-height: 20px; }
  .checkbox-control label,
  .radio-control label {
    position: relative;
    min-height: 20px;
    padding-left: 36px;
    padding-top: 2px;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400; }
    .checkbox-control label:before,
    .radio-control label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 20px;
      height: 20px;
      border: none;
      background: url("/img/product/icon-frame-square.svg"); }
    .checkbox-control label:after,
    .radio-control label:after {
      content: "";
      position: absolute;
      left: 4px;
      top: 4px;
      bottom: 4px;
      width: 12px;
      height: 12px;
      background: url("/img/product/icon-square.svg");
      opacity: 0;
      transition: all 0.7s ease 0s; }
  .checkbox-control input,
  .radio-control input {
    display: none; }
    .checkbox-control input:checked + label:after,
    .radio-control input:checked + label:after {
      opacity: 1; }
    .checkbox-control input:not([disabled]) + label,
    .radio-control input:not([disabled]) + label {
      cursor: pointer; }

.radio-control label:before {
  background: url("/img/product/icon-frame-circle.svg"); }
.radio-control label:after {
  background: url("/img/product/icon-circle.svg"); }

label.control-label {
  font-size: 14px;
  font-weight: 400;
  color: #979797; }

.select-control {
  position: relative; }
  .select-control label {
    width: 100%;
    text-align: left; }
  .select-control.has-error select.form-control {
    border-bottom: 1px solid #D0383C; }
  .select-control select.form-control {
    border: none;
    border-bottom: 1px solid #E7E4DF;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    appearance: none;
    padding: 0 24px 4px 0;
    height: auto;
    font-size: 16px;
    font-weight: 400;
      font-family: "Swiss Intl", "Arial", sans-serif;
  }
    .select-control select.form-control:active, .select-control select.form-control:focus {
      box-shadow: none;
      outline: none;
      border-bottom: 1px solid #E7E4DF; }
    .select-control select.form-control:not([disabled]) {
      cursor: pointer; }
  .select-control:after {
    content: url("/img/icon-chevron-down.svg");
    fill: #E7E4DF;
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 16px;
    height: 16px;
    z-index: 1;
    pointer-events: none; }

input.form-control {
  border: none;
  border-bottom: 1px solid #E7E4DF;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none !important;
  appearance: none;
  padding: 0 16px 4px 0;
  height: auto;
  font-size: 16px;
  font-weight: 400; }
  input.form-control:active, input.form-control:focus {
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #E7E4DF; }
  input.form-control:read-only {
    background: transparent;
    opacity: 60%; }

.has-error input.form-control {
  border-bottom: 1px solid #D0383C !important; }

textarea.form-control {
  background: white;
  border: 1px solid #E7E4DF;
  border-radius: 8px;
  box-shadow: none;
  resize: none; }
  textarea.form-control:active, textarea.form-control:focus {
    box-shadow: none !important;
    outline: none;
    border: 1px solid #E7E4DF; }

table tr {
  border-bottom: 1px solid #E7E4DF; }
  table tr td, table tr th {
    padding: 30px 10px; }

.cursor-pointer {
  cursor: pointer; }

/*# sourceMappingURL=system.css.map */