.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.tw-top-full {
  top: 100%;
}

.tw-left-0 {
  left: 0px;
}

.tw-top-20 {
  top: 5rem;
}

.-tw-right-1 {
  right: -0.25rem;
}

.tw-z-10 {
  z-index: 10;
}

.tw-z-20 {
  z-index: 20;
}

.tw-row-start-1 {
  grid-row-start: 1;
}

.tw-row-end-2 {
  grid-row-end: 2;
}

.tw-m-auto {
  margin: auto;
}

.tw-m-0 {
  margin: 0px;
}

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

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

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

.tw-mt-14 {
  margin-top: 3.5rem;
}

.tw-ml-auto {
  margin-left: auto;
}

.tw-mb-14 {
  margin-bottom: 3.5rem;
}

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

.tw--mt-40 {
  margin-top: -10rem;
}

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

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

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

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

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

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

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

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

.tw-block {
  display: block;
}

.tw-flex {
  display: flex;
}

.tw-grid {
  display: grid;
}

.tw-h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.tw-h-10 {
  height: 2.5rem;
}

.tw-h-8 {
  height: 2rem;
}

.tw-h-min {
  height: -moz-min-content;
  height: min-content;
}

.tw-h-auto {
  height: auto;
}

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

.tw-w-28 {
  width: 7rem;
}

.tw-w-4\/5 {
  width: 80%;
}

.tw-w-8 {
  width: 2rem;
}

.tw-w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.tw-max-w-3xl {
  max-width: 48rem;
}

.tw-max-w-\[350px\] {
  max-width: 350px;
}

.tw-flex-1 {
  flex: 1 1 0%;
}

.tw-translate-x-0 {
  --tw-translate-x: 0px;
  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));
}

.tw-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));
}

.tw-cursor-pointer {
  cursor: pointer;
}

.tw-auto-rows-min {
  grid-auto-rows: min-content;
}

.tw-flex-row {
  flex-direction: row;
}

.tw-flex-col {
  flex-direction: column;
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-content-center {
  align-content: center;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-start {
  justify-content: flex-start;
}

.tw-justify-center {
  justify-content: center;
}

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

.tw-justify-items-end {
  justify-items: end;
}

.tw-gap-6 {
  gap: 1.5rem;
}

.tw-gap-4 {
  gap: 1rem;
}

.tw-gap-7 {
  gap: 1.75rem;
}

.tw-overflow-auto {
  overflow: auto;
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-overflow-visible {
  overflow: visible;
}

.tw-overflow-y-hidden {
  overflow-y: hidden;
}

.tw-rounded-md {
  border-radius: 4px;
}

.tw-rounded-full {
  border-radius: 9999px;
}

.tw-border {
  border-width: 1px;
}

.tw-border-b {
  border-bottom-width: 1px;
}

.tw-border-t {
  border-top-width: 1px;
}

.tw-border-solid {
  border-style: solid;
}

.tw-border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(139 156 174 / var(--tw-border-opacity));
}

.tw-border-gray-150 {
  --tw-border-opacity: 1;
  border-color: rgb(225 230 234 / var(--tw-border-opacity));
}

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

.tw-bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.tw-p-2 {
  padding: 0.5rem;
}

.tw-p-0 {
  padding: 0px;
}

.tw-p-8 {
  padding: 2rem;
}

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

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

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

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

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

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

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

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

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

.tw-text-start {
  text-align: start;
}

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

.tw-text-sm {
  font-size: 14px;
  line-height: 22px;
}

.tw-text-xs {
  font-size: 12px;
  line-height: 16px;
}

.tw-text-base {
  font-size: 16px;
  line-height: 1.6rem;
}

.tw-text-xl {
  font-size: 22px;
  line-height: 110%;
}

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

.tw-font-medium {
  font-weight: 500;
}

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

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

.tw-text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(139 156 174 / var(--tw-text-opacity));
}

.tw-text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(167 180 194 / var(--tw-text-opacity));
}

.tw-text-white-400 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 60 87 / var(--tw-text-opacity));
}

.tw-text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(80 173 247 / var(--tw-text-opacity));
}

.tw-text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(71 155 221 / var(--tw-text-opacity));
}

.tw-opacity-50 {
  opacity: 0.5;
}

.tw-opacity-100 {
  opacity: 1;
}

.tw-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-duration-300 {
  transition-duration: 300ms;
}

.tw-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .webshop-card a:hover footer {
    --tw-translate-y: -100%;
    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));
    opacity: 1;
  }
}

.webshop-card footer:before {
  content: "";
  position: absolute;
  left: 0px;
  display: none;
  height: 8rem;
  width: 100%;
  --tw-translate-y: -100%;
  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));
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff;
  --tw-gradient-to: rgb(255 255 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

@media (min-width: 1024px) {
  .webshop-card footer:before {
    display: block;
  }
}

:root {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.hover\:tw-bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:tw-text-white-400:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:tw-shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-group:hover .group-hover\:tw-translate-x-1 {
  --tw-translate-x: 0.25rem;
  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));
}

.tw-group:hover .group-hover\:tw-text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(80 173 247 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .md\:tw-col-start-2 {
    grid-column-start: 2;
  }

  .md\:tw-col-start-1 {
    grid-column-start: 1;
  }

  .md\:tw-col-end-2 {
    grid-column-end: 2;
  }

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

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

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

  .md\:tw-w-60 {
    width: 15rem;
  }

  .md\:tw-w-4\/6 {
    width: 66.666667%;
  }

  .md\:tw-w-36 {
    width: 9rem;
  }

  .md\:tw-w-\[65\%\] {
    width: 65%;
  }

  .md\:tw-w-\[35\%\] {
    width: 35%;
  }

  .md\:tw-w-2\/5 {
    width: 40%;
  }

  .md\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:tw-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

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

  .md\:tw-flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:tw-justify-end {
    justify-content: flex-end;
  }

  .md\:tw-justify-center {
    justify-content: center;
  }

  .md\:tw-gap-0 {
    gap: 0px;
  }

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

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

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

  .md\:tw-pt-0 {
    padding-top: 0px;
  }

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

  .md\:tw-text-lg {
    font-size: 18px;
    line-height: 110%;
  }
}

@media (min-width: 1024px) {
  .lg\:tw-absolute {
    position: absolute;
  }

  .lg\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

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

  .lg\:tw-opacity-0 {
    opacity: 0;
  }
}