/**
 * Inject White Rabbit's base styling files
 */

/*
 * White Rabbit WordPress Theme - CSS Stylesheet
 * 
 * This CSS file contains various styles and animations for the White Rabbit WordPress theme.
 * It defines color schemes, keyframe animations, and styles for different elements throughout the theme.
 * 
 * 
 * Keyframe Animations:
 * - heartPulse: Creates a pulsing effect for elements with the 'like-icon' class.
 * - heartUnlike: Provides a shrinking animation for elements when unliked.
 * - heartFloatMain-1, heartFloatMain-2: Defines the floating animation for heart icons.
 * - heartFloatSub-1, heartFloatSub-2, heartFloatSub-3, heartFloatSub-4: Creates a floating effect for sub-elements of the heart icon with varying styles.
 * - blink: Makes elements blink at 50% opacity, used for loading indicators.
 * - bulge: Creates a subtle bulging effect for elements to enhance their visibility.
 * - loader-animation: Provides a loader animation with stroke-dasharray and stroke-dashoffset properties.
 * - thumb: Resets transformation of elements to initial state.
 * - ldio-7dujica783d: Defines a rotation animation for specific loaders.
 * 
 * General Styles:
 * - Gallery and Media Elements:
 *   - `html`: Sets tap highlight color to transparent to avoid default browser highlight effects.
 *   - `[contenteditable="true"], [contenteditable="false"]`: Provides placeholder styling for editable elements.
 *   - `.inset-center`: Centers elements absolutely within their parent containers.
 *   - `video`: Ensures videos scale responsively within their containers.
 *   - `.wp-block-video`, `.wp-video`: Adjusts video dimensions and positioning.
 * 
 * - Comments and Forms:
 *   - `.comment-list-blog .children`: Customizes padding and margin for comment sections.
 *   - `#cancel-comment-reply-link`: Styles the cancel comment reply link with interactive states.
 *   - `.comment-form-cookies-consent`: Styles the consent checkbox for cookies in comments.
 * 
 * - Typing Indicator:
 *   - `.typing-indicator`: Provides a styled typing indicator with animation effects.
 * 
 * - Shadows and Loader:
 *   - `.shadow-xs`: Applies a small box shadow for subtle elevation effects.
 *   - `.animate`: Defines animation for loader elements.
 * 
 * - Feed Post Content:
 *   - `.feed-post-content`: Ensures iframes within feed posts are styled and links are underlined on hover.
 * 
 * - Story Timers:
 *   - `.hp-story-timer`, `.hp-story-active-thumb`, `.hp-story-passive-thumb`: Manages story timer animations and states.
 * 
 * - Custom Components:
 *   - `.gslide-inline`: Adjusts styling for inline slides with no background and max height settings.
 * 
 * - Range Inputs:
 *   - `input[type=range]`: Customizes the appearance of range sliders, including track and thumb styling for cross-browser compatibility.
 * 
 * This file uses CSS features like variables, mixins, and keyframe animations to streamline the styling process and ensure consistency across different elements of the White Rabbit theme. Each section of the code is carefully crafted to enhance the user interface and provide a seamless experience.
 */

@-webkit-keyframes heartPulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}
}

@keyframes heartPulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}
}

@-webkit-keyframes heartUnlike {
	50% {
		transform: scale(0.75);
	}
}

@keyframes heartUnlike {
	50% {
		transform: scale(0.75);
	}
}

@-webkit-keyframes heartFloatMain-1 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0);
	}

	50% {
		opacity: 1;
		transform: translate(0, -25px) rotate(-20deg);
	}
}

@keyframes heartFloatMain-1 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0);
	}

	50% {
		opacity: 1;
		transform: translate(0, -25px) rotate(-20deg);
	}
}

@-webkit-keyframes heartFloatMain-2 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0) scale(0);
	}

	50% {
		opacity: 0.9;
		transform: translate(-10px, -38px) rotate(25deg) scale(1);
	}
}

@keyframes heartFloatMain-2 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0) scale(0);
	}

	50% {
		opacity: 0.9;
		transform: translate(-10px, -38px) rotate(25deg) scale(1);
	}
}

@-webkit-keyframes heartFloatSub-1 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(13px, -13px) rotate(30deg);
	}
}

@keyframes heartFloatSub-1 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(13px, -13px) rotate(30deg);
	}
}

@-webkit-keyframes heartFloatSub-2 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(18px, -10px) rotate(55deg);
	}
}

@keyframes heartFloatSub-2 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(18px, -10px) rotate(55deg);
	}
}

@-webkit-keyframes heartFloatSub-3 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(-10px, -10px) rotate(-40deg);
	}

	100% {
		transform: translate(-50px, 0);
	}
}

@keyframes heartFloatSub-3 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(-10px, -10px) rotate(-40deg);
	}

	100% {
		transform: translate(-50px, 0);
	}
}

@-webkit-keyframes heartFloatSub-4 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(2px, -18px) rotate(-25deg);
	}
}

@keyframes heartFloatSub-4 {
	0% {
		visibility: hidden;
		transform: translate(0) rotate(0);
	}

	50% {
		visibility: visible;
		transform: translate(2px, -18px) rotate(-25deg);
	}
}

@-webkit-keyframes blink {
	50% {
		opacity: 1;
	}
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}

@-webkit-keyframes bulge {
	50% {
		transform: scale(1.05);
	}
}

@keyframes bulge {
	50% {
		transform: scale(1.05);
	}
}

@keyframes loader-animation {
	0% {
		stroke-dasharray: 40 242.6;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 141.3;
		stroke-dashoffset: 141.3;
	}

	100% {
		stroke-dasharray: 40 242.6;
		stroke-dashoffset: 282.6;
	}
}

@keyframes thumb {
	to {
		-webkit-transform: initial;
		-moz-transform: initial;
		-ms-transform: initial;
		-o-transform: initial;
		transform: initial;
	}
}

@keyframes ldio-7dujica783d {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* GALLERY */

html {
	-webkit-tap-highlight-color: transparent;
}

.inset-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.liked .like-icon {
	-webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon [class^=heart-animation-] {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMTAxIDQuNDE3UzguODk1LjIwNyA1LjExMS4yMDdjLTQuNDY1IDAtMTAuOTY3IDYuODQ2IDUuMDgyIDE3LjU5MkMyNS4yMzcgNy4wMyAxOS42NjUuMjAyIDE1LjUwMS4yMDJjLTQuMTYyIDAtNS40IDQuMjE1LTUuNCA0LjIxNXoiIGZpbGw9IiNGRjZFNkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center;
	background-size: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 14px;
	opacity: 0;
}

.liked .like-icon [class^=heart-animation-]::before {
	content: "";
	background: inherit;
	background-size: 100%;
	width: inherit;
	height: inherit;
	display: inherit;
	position: relative;
	top: inherit;
	left: inherit;
	opacity: 0;
}

.liked .like-icon [class^=heart-animation-]::after {
	content: "";
	background: inherit;
	background-size: 100%;
	width: inherit;
	height: inherit;
	display: inherit;
	position: relative;
	top: inherit;
	left: inherit;
	opacity: 0;
}

.liked .like-icon .heart-animation-1 {
	-webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon .heart-animation-1::before {
	width: 12px;
	height: 10px;
	visibility: hidden;
	opacity: 0.6;
	-webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon .heart-animation-1::after {
	width: 12px;
	height: 10px;
	visibility: hidden;
	-webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	opacity: 0.75;
}

.liked .like-icon .heart-animation-2 {
	-webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.liked .like-icon .heart-animation-2::before {
	width: 10px;
	height: 8px;
	visibility: hidden;
	-webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	opacity: 0.25;
}

.liked .like-icon .heart-animation-2::after {
	width: 10px;
	height: 8px;
	visibility: hidden;
	-webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
	opacity: 0.4;
}

video {
	max-width: 100%;
}

.wp-block-video {
	display: inline-block;
	position: relative;
	z-index: 100;
}

.wp-video {
	width: 100% !important;
	height: 100% !important;
}

.pac-container {
	z-index: 10000000000000000;
}

.children {
	padding-left: 32px;
}

.children>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.comment-list-blog .children {
	padding: 24px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 12px;
	margin-left: 48px;
	margin-top: 0px !important;
}

#cancel-comment-reply-link {
	display: flex;
	height: 2rem;
	width: max-content;
	min-width: 130px;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	font-size: 14px;
	color: #8597A5;
	outline: 2px solid transparent;
	outline-offset: 2px;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

#cancel-comment-reply-link:hover {
	background-color: #F5F8FA;
	color: #566977;
}

#cancel-comment-reply-link:active {
	background-color: #EBF0F3;
	color: #566977;
}

.comment-form-cookies-consent {
	color: #566977;
	display: flex;
	align-items: baseline;
	margin-top: 12px;
	margin-bottom: 4px;
}

#wp-comment-cookies-consent {
	margin-right: 6px;
}

.typing-indicator {
	background-color: white;
	will-change: transform;
	height: 32px;
	width: 60px;
	border-radius: 0px 13px 13px 13px;
	display: flex;
	flex-flow: row nowrap;
	position: relative;
	-webkit-animation: 2s bulge infinite ease-out;
	animation: 2s bulge infinite ease-out;
	justify-content: center;
	align-items: center;
}

.typing-indicator span {
	height: 6.5px;
	width: 6.5px;
	margin: 0 2px;
	background-color: #9E9EA1;
	display: block;
	border-radius: 50%;
	opacity: 0.4;
}

.typing-indicator span:nth-of-type(1) {
	-webkit-animation: 1s blink infinite 0.3333s;
	animation: 1s blink infinite 0.3333s;
}

.typing-indicator span:nth-of-type(2) {
	-webkit-animation: 1s blink infinite 0.6666s;
	animation: 1s blink infinite 0.6666s;
}

.typing-indicator span:nth-of-type(3) {
	-webkit-animation: 1s blink infinite 0.9999s;
	animation: 1s blink infinite 0.9999s;
}

.shadow-xs {
	box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 -1px rgba(0, 0, 0, 0.06);
}

.animate {
	stroke-dasharray: 242.6;
	animation: loader-animation 1s cubic-bezier(1, 1, 1, 1) 0s infinite;
}

.feed-post-content iframe {
	width: 100%;
	border-radius: 12px;
}

.feed-post-content a:hover {
	text-decoration: underline;
}

.hp-story-timer::after {
	animation: thumb forwards linear;
	animation-duration: var(--story-time);
}

.hp-story-active-thumb::after {
	animation-play-state: running !important;
}

.hp-story-passive-thumb::after {
	animation-play-state: paused !important;
}

.gslide-inline {
	background: transparent !important;
	max-height: 100dvh !important;
	box-shadow: none !important;
}

input[type=range] {
	-webkit-appearance: none;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: black;
}

input[type=range]::-webkit-slider-thumb {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background: black;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -6px;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: black;
}

input[type=range]::-moz-range-thumb {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background: black;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -6px;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: black;
}

.ginlined-content {
	overflow: hidden !important;
}

.no-context-menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.swiper-button-prev {
	height: auto !important;
	width: auto !important;
	margin-top: unset !important;
}

.swiper-button-prev::after {
	content: "" !important;
}

.swiper-button-next {
	height: auto !important;
	width: auto !important;
	margin-top: unset !important;
}

.swiper-button-next::after {
	content: "" !important;
}

.swiper-button-disabled {
	opacity: 0.15 !important;
}

.ldio-7dujica783d {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(0.24);
	backface-visibility: hidden;
	transform-origin: 0 0;
}

.ldio-7dujica783d div {
	position: absolute;
	width: 50px;
	height: 50px;
	border-width: 8px;
	border-style: solid;
	border-top-color: transparent;
	border-radius: 50%;
	animation: ldio-7dujica783d 1.2048192771s linear infinite;
	top: 50px;
	left: 50px;
	box-sizing: content-box;
}

.loadingio-spinner-rolling-ofedm8e5e0g {
	width: 24px;
	height: 24px;
	display: flex;
	overflow: hidden;
	background: none;
}

#wp-admin-bar-user-info .avatar {
	object-fit: cover;
}

wave {
	cursor: pointer !important;
}

.vertical-range-input {
	writing-mode: bt-lr;
	-webkit-appearance: slider-vertical;
}

.p-plus--is-showing-overflow .p-plus__overflow .p-plus__primary-nav-item a {
	display: flex;
}

.break-all-words {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 8px;
}

.gallery-item img {
	margin: auto;
	border-radius: 6px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}