/* Elementor 2601 entrance and decorative motion, scoped to Atomic home 3922. */
[data-elementor-id="3922"] [data-id="6a4e288e"] button.pinsapar-book-motion {
	position: absolute;
	inset: auto clamp(12px, 2.5vw, 32px) 12px auto;
	z-index: 2;
	display: grid;
	place-items: center;
	inline-size: 44px;
	min-block-size: 44px;
	padding: 0;
	border: 1px solid #767676;
	border-radius: 22px;
	background: #fff;
	color: #373737;
	cursor: pointer;
}

[data-elementor-id="3922"] [data-id="6a4e288e"] button.pinsapar-book-motion:hover,
[data-elementor-id="3922"] [data-id="6a4e288e"] button.pinsapar-book-motion:focus {
	background: #fff;
	color: #373737;
}

[data-elementor-id="3922"] .pinsapar-book-motion:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

[data-elementor-id="3922"] .pinsapar-book-motion::before {
	content: "";
	inline-size: 12px;
	block-size: 13px;
	background: currentColor;
	clip-path: polygon(0 0, 32% 0, 32% 100%, 0 100%, 0 0, 68% 0, 100% 0, 100% 100%, 68% 100%, 68% 0);
}

[data-elementor-id="3922"] [data-pinsapar-books-paused] .pinsapar-book-motion::before {
	clip-path: polygon(12% 0, 100% 50%, 12% 100%);
}

[data-elementor-id="3922"] [data-id="6a4e288e"] {
	overflow-x: clip;
}

@media (prefers-reduced-motion: reduce) {
	[data-elementor-id="3922"] [data-id="6a4e288e"] button.pinsapar-book-motion {
		display: none;
	}

	[data-elementor-id="3922"] [data-pinsapar-books-gentle] [data-pinsapar-floating] {
		animation: pinsapar-books-gentle 2.6s ease-in-out;
	}

	[data-elementor-id="3922"] [data-pinsapar-books-gentle] [data-pinsapar-floating="rotate"] {
		animation-delay: 120ms;
	}
}

@media (prefers-reduced-motion: no-preference) {
	[data-elementor-id="3922"] [data-pinsapar-floating="translate"]:not([data-pinsapar-enter]) {
		animation: pinsapar-float-translate 1s cubic-bezier(.455, .03, .515, .955) infinite alternate paused;
	}

	[data-elementor-id="3922"] [data-pinsapar-floating="rotate"]:not([data-pinsapar-enter]) {
		animation: pinsapar-float-rotate 2s cubic-bezier(.455, .03, .515, .955) infinite alternate paused;
	}

	[data-elementor-id="3922"] [data-pinsapar-books-visible]:not([data-pinsapar-books-paused]) [data-pinsapar-floating]:not([data-pinsapar-enter]) {
		animation-play-state: running;
	}

	[data-elementor-id="3922"] [data-pinsapar-enter] {
		animation-duration: 800ms;
		animation-timing-function: cubic-bezier(.2, .65, .35, 1);
	}

	[data-elementor-id="3922"] [data-pinsapar-enter="hero"] { animation-name: pinsapar-hero-bounce; }
	[data-elementor-id="3922"] [data-pinsapar-enter="down"] { animation-name: pinsapar-bounce-down; }
	[data-elementor-id="3922"] [data-pinsapar-enter="right"] { animation-name: pinsapar-fade-right; }
	[data-elementor-id="3922"] [data-pinsapar-enter="left"] { animation-name: pinsapar-fade-left; }
	[data-elementor-id="3922"] [data-pinsapar-enter="zoom"] { animation-name: pinsapar-zoom-down; }
	[data-elementor-id="3922"] [data-pinsapar-enter="tada"] { animation-name: pinsapar-tada; }
	[data-elementor-id="3922"] [data-pinsapar-enter="bounce-right"] { animation-name: pinsapar-bounce-right; }

	[data-elementor-id="3922"] [data-id="35ed4166"],
	[data-elementor-id="3922"] [data-id="52398f77"],
	[data-elementor-id="3922"] #pinsapar-atomic-home-reviews,
	[data-elementor-id="3922"] [data-id="898dfed"] {
		overflow-x: clip;
	}

	[data-elementor-id="3922"] [data-pinsapar-enter]:focus,
	[data-elementor-id="3922"] [data-pinsapar-enter]:focus-within {
		animation: none;
	}
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
	[data-elementor-id="3922"] [data-pinsapar-parallax] {
		translate: var(--pinsapar-pointer-x, 0px) var(--pinsapar-pointer-y, 0px);
		transition: translate 150ms ease-out;
	}

	[data-elementor-id="3922"] article:is([data-id="490d8fc0"], [data-id="72c7d08c"]):hover:not([data-pinsapar-enter]) {
		animation: pinsapar-wobble 550ms ease both;
		transform-origin: center bottom;
	}

	/* The icons move with the card itself. */
	[data-elementor-id="3922"] article:is([data-id="490d8fc0"], [data-id="72c7d08c"]):hover::before,
	[data-elementor-id="3922"] article:is([data-id="490d8fc0"], [data-id="72c7d08c"]):hover::after {
		animation: none;
	}
}

@keyframes pinsapar-hero-bounce {
	from { translate: 0 -42px; }
	60% { translate: 0 10px; }
	78% { translate: 0 -4px; }
	91% { translate: 0 2px; }
	to { translate: 0 0; }
}

@keyframes pinsapar-bounce-down {
	from { opacity: .55; transform: translateY(-34px); }
	60% { opacity: 1; transform: translateY(9px); }
	78% { transform: translateY(-4px); }
	91% { transform: translateY(2px); }
	to { transform: translateY(0); }
}

@keyframes pinsapar-fade-right {
	from { opacity: .35; transform: translateX(24px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes pinsapar-fade-left {
	from { opacity: .35; transform: translateX(-24px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes pinsapar-zoom-down {
	from { opacity: .55; transform: translateY(-28px) scale(.85); }
	65% { opacity: 1; transform: translateY(3px) scale(1.02); }
	to { transform: translateY(0) scale(1); }
}

@keyframes pinsapar-tada {
	0%, 100% { transform: scale(1) rotate(0); }
	12%, 22% { transform: scale(.97) rotate(-2deg); }
	35%, 58%, 81% { transform: scale(1.025) rotate(2deg); }
	46%, 69%, 90% { transform: scale(1.025) rotate(-2deg); }
}

@keyframes pinsapar-bounce-right {
	from { opacity: .55; transform: translateX(27px); }
	60% { opacity: 1; transform: translateX(-8px); }
	78% { transform: translateX(4px); }
	91% { transform: translateX(-2px); }
	to { transform: translateX(0); }
}

@keyframes pinsapar-float-translate {
	from { transform: translate(0, 0); }
	to { transform: translate(14px, 30px); }
}

@keyframes pinsapar-books-gentle {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

@keyframes pinsapar-float-rotate {
	from { transform: rotateX(0) rotateZ(0); }
	to { transform: rotateX(18deg) rotateZ(45deg); }
}

@keyframes pinsapar-wobble {
	0%, 100% { transform: skewX(0); }
	15% { transform: skewX(-7deg); }
	30% { transform: skewX(5deg); }
	45% { transform: skewX(-4deg); }
	60% { transform: skewX(2deg); }
	75% { transform: skewX(-1deg); }
}
