:root{
--color-primary-white: #fff;
--color-primary-black: #000;
--color-primary-2: #de5041;
--color-primary-blue: #27346a;

}

.atf-ajax-btn.heart-active svg path{
	fill: var(--color-primary-2);
	fill-opacity: 1;
}
.atf-ajax-btn.atf-loading svg path{
	fill: #868686;
}

.atf-ajax-btn.atf-loading{
	position: relative;
}


.atf-ajax-btn.atf-loading::after{
	content: "";
	position: absolute;
    top: 9px;
    left: 10px;
    width: 15px;
    height: 15px;
    border: 2px solid var(--color-primary-blue);
  border-bottom-color: var(--color-primary-red);
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}





.blink-animation #total-items{
		animation: blinkicon 0.3s 1 alternate;
		/* animation-delay: 0.1s; */
}

.package-overlay-active #packages__list--items{
	position: relative;
}
.package-overlay-active #packages__list--items::after{
content: "";
background-color: white;
    opacity: 0.7;
    position: absolute;
    left: 0;
	top: 0;
    width: 100%;
    height: 100%;
}
.fixbar-links .atf-ajax-btn .fixbar-links__link--title{
	width: calc(100% - 60px);
    font-size: 16px;
    color: #27346A;
    font-weight: 500;
	line-height: 1.3;
}
.fixbar-links .atf-ajax-btn .fixbar-links__link--icon{
	cursor: pointer;
}

.fixbar-links .atf-ajax-btn{
	max-width: 160px;
}
.fixbar-links .atf-ajax-btn:hover{
	cursor: pointer;
}
.fixbar-links .atf-ajax-btn:hover .fixbar-links__link--icon{
  background-color: #27346a;
}
.fixbar-links__link--icon svg path,.fixbar-links__link--icon svg{
	transition: all 0.3s ease-in-out;
}
.fixbar-links .atf-ajax-btn:hover .fixbar-links__link--icon svg path{
	        fill-opacity: 0.9;
    fill: white;
}
.fixbar-links .atf-ajax-btn.atf-loading::after {

    top: 20px;
    left: 19px;
    width: 10px;
    height: 10px;
}

.fixbar-links .atf-ajax-btn.heart-active .fixbar-links__link--icon svg,.fixbar-links .atf-ajax-btn .fixbar-links__link--icon:hover svg{

	animation: heartbeat 0.5s infinite alternate;
		animation-delay: 0.15s;
}



		/* svg {

			path {
				fill-opacity: 1;
				fill: var(--color-primary-red);
			}
		} */
/* .tooltip-favorite{
	visibility: hidden;
	opacity: 0;
}

.heart-icon:hover .tooltip-favorite{
	visibility: visible;
	opacity: 1;
} */
.tooltip-favorite{
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes blinkicon {

	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}