/** Shopify CDN: Minification failed

Line 115:2 Unexpected "{"
Line 115:3 Expected identifier but found "%"
Line 143:2 Unexpected "{"
Line 143:3 Expected identifier but found "%"
Line 150:2 Unexpected "{"
Line 150:3 Expected identifier but found "%"
Line 151:0 Unexpected "<"

**/
:root {
    --rivo-aw-favorite-button-active-color: #A60B00 !important;
  }

.favorite-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; 
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 0;
  background: transparent;
  border-radius: 50%;
  margin-right: 3px;
  margin-top: 3px;
  cursor: pointer;
}

rivo-favorite-button svg,
.rivo-favorite-button span svg {
  position: static !important;
  stroke: #000 !important;
  height: 18px;
  margin: 0; 
  z-index: 1 !important;
  background: transparent !important;
  fill: transparent;
  cursor: pointer;
  pointer-events: none;
}

.favorite-button-wrapper rivo-favorite-button {
  width: 100%; 
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; 
}

/* Bounce on hover */
rivo-favorite-button:not(.rivo-favorite-active) svg:hover {
  animation: rivo-heartBounce 0.4s ease;
}

/* Filled state */
rivo-favorite-button.rivo-favorite-active svg {
  fill: #A60B00 !important;
}

/* Bounce trigger class */
.favorite-button-wrapper.rivo-do-bounce rivo-favorite-button svg {
  animation: rivo-heartBounce 0.4s ease !important;
}

@keyframes rivo-heartBounce {
  0% { transform: scale(1); }
  25% { transform: scale(1.2); }
  50% { transform: scale(0.95); }
  75% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* Heart particles */
.rivo-heart-particle {
  position: absolute;
  width: 12px;
  height: 12px;
  pointer-events: none;
  z-index: 100;
  opacity: 0;
  animation: rivo-heartBubble var(--duration) ease-out forwards;
  animation-delay: var(--delay);
}

.rivo-heart-particle svg {
  width: 100% !important;
  height: 100% !important;
  fill: #A60B00 !important;
  stroke: #A60B00 !important;
  stroke-width: 2;
  position: static !important;
}

@keyframes rivo-heartBubble {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(0.5);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(var(--tx), var(--ty)) scale(1);
  }
}

.favorite-button-wrapper,
.favorite-button-wrapper * {
  cursor: pointer !important;
}
  {% if template.name == 'product' %}
    .favorite-button-wrapper {
      position: static;
      right: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: auto;
      height: auto;
      background: transparent;
      margin: 5px 0 0;
    }

    .favorite-button-wrapper > rivo-favorite-button {
      display: inline-flex;
      align-items: center;
      width: auto;
      height: auto;
    }

    .favorite-button-wrapper > rivo-favorite-button svg {
      width: 20px;
      height: 20px;
    }

    .favorite-button-wrapper:has(.rivo-heart-particle) {
      position: relative;
    }
  {% else %}
    .favorite-button-wrapper {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
    }
  {% endif %}
</style>