.container {
  width: 100%
}

@media (min-width: 640px) {
  .container {
    max-width: 640px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px
  }
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.left-1\/2 {
  left: 50%
}

.right-0 {
  right: 0px
}

.top-0 {
  top: 0px
}

.top-1\/2 {
  top: 50%
}

.z-\[500\] {
  z-index: 500
}

.m-0 {
  margin: 0px
}

.mb-\[-30px\] {
  margin-bottom: -30px
}

.ml-\[-50vw\] {
  margin-left: -50vw
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: flex
}

.table {
  display: table
}

.contents {
  display: contents
}

.h-4 {
  height: 1rem
}

.h-\[406px\] {
  height: 406px
}

.w-\[220px\] {
  width: 220px
}

.w-dvw {
  width: 100dvw
}

.w-full {
  width: 100%
}

.max-w-96 {
  max-width: 24rem
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.list-none {
  list-style-type: none
}

.items-center {
  align-items: center
}

.justify-between {
  justify-content: space-between
}

.gap-1 {
  gap: 0.25rem
}

.gap-8 {
  gap: 2rem
}

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

.bg-inherit {
  background-color: inherit
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.leading-4 {
  line-height: 1rem
}

.text-\[--grey-425-625\] {
  color: var(--grey-425-625)
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute
}

.before\:left-1\/2::before {
  content: var(--tw-content);
  left: 50%
}

.before\:ml-\[-50vw\]::before {
  content: var(--tw-content);
  margin-left: -50vw
}

.before\:block::before {
  content: var(--tw-content);
  display: block
}

.before\:h-full::before {
  content: var(--tw-content);
  height: 100%
}

.before\:w-dvw::before {
  content: var(--tw-content);
  width: 100dvw
}

.before\:bg-\[--grey-975-75\]::before {
  content: var(--tw-content);
  background-color: var(--grey-975-75)
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content)
}

@media (min-width: 768px) {
  .md\:flex {
    display: flex
  }

  .md\:flex-row {
    flex-direction: row
  }
}