.cc_n5guojaw_9MQ3NCrk8q .ugc-tile {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  min-width: 0;
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__frame {
  position: relative;
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__media-box {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--tile-ratio);
  overflow: hidden;
  border: var(--border) solid var(--c7FQoost8G); /* SLOT.BORDER */
  border-radius: var(--radius);
  background: var(--uggXonx9Cv); /* SLOT.SURFACE */
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile .ugc-tile__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: scale calc(var(--dur-slow) * 1.6) var(--ease-smooth);
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__handle {
  position: absolute;
  left: var(--sp-3);
  bottom: var(--sp-3);
  z-index: var(--z-raised);
  padding: 0 var(--sp-2);
  border-radius: var(--radius);
  background: var(--7TWuKeelNo); /* SLOT.SURFACE_RAISED */
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
  line-height: var(--h-button-sm);
  transition: translate var(--dur-slow) var(--ease-smooth);
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__info {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__caption {
  margin: 0;
  color: var(--d9S6HHOvjP); /* SLOT.TEXT_MUTED */
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__product {
  position: absolute;
  right: var(--sp-3);
  bottom: var(--sp-3);
  z-index: var(--z-raised);
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  padding: 0 var(--sp-2);
  border-radius: var(--radius);
  background: var(--pj6UgXeVyO); /* SLOT.SECONDARY_BUTTON_BACKGROUND */
  color: var(--bm37JbssJ1); /* SLOT.SECONDARY_BUTTON_TEXT */
  line-height: var(--h-button-sm);
  text-decoration: none;
  transition: var(--hover-transition);
}

.cc_n5guojaw_9MQ3NCrk8q .ugc-tile__product:focus-visible {
  outline: var(--border-strong) solid var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__link:hover .ugc-tile__media {
    scale: 1.04;
  }

  .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__link:hover .ugc-tile__handle {
    translate: 0 calc(-1 * var(--sp-1));
  }

  .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__product:hover {
    opacity: 0.85;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_n5guojaw_9MQ3NCrk8q .ugc-tile .ugc-tile__media, .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__handle, .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__product {
    transition: none;
  }

  .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__link:hover .ugc-tile__media, .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__link:hover .ugc-tile__handle {
    scale: none;
    translate: none;
  }
}

@media (max-width: 767px) {
  .cc_n5guojaw_9MQ3NCrk8q .ugc-tile__handle {
    left: var(--sp-2);
    bottom: var(--sp-2);
  }
}