/* /Components/Layout/Footer.razor.rz.scp.css */
footer .logo-container img[b-7vzm2nitu4] {
	width: 216px;
}
/* /Components/Layout/Header.razor.rz.scp.css */
header img[b-0sy9hfrp02] {
	width: 100px;
}
/* /Components/Layout/MainLayout1.razor.rz.scp.css */
#blazor-error-ui[b-clfpi6rpy7] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-clfpi6rpy7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Bery/Agents.razor.rz.scp.css */
.agents-hero[b-99ks06zvlk] {
    overflow: hidden;
    height: 750px;
}

.agents-hero[b-99ks06zvlk]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 23, 38, 0.74) 0%, rgba(8, 23, 38, 0.56) 100%);
}

.agents-hero__content[b-99ks06zvlk] {
    padding: 1.75rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(8, 23, 38, 0.38) 0%, rgba(8, 23, 38, 0.22) 100%);
    box-shadow: 0 26px 55px rgba(8, 23, 38, 0.22);
    backdrop-filter: blur(8px);
}

.agents-hero__eyebrow[b-99ks06zvlk] {
    color: rgba(255, 255, 255, 0.84);
}

.agents-hero__description[b-99ks06zvlk] {
    color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 640px) {
    .agents-hero__content[b-99ks06zvlk] {
        padding: 1.5rem 1.25rem;
        border-radius: 22px;
    }
}

/* Agent image styling for consistent sizing and responsiveness */
[b-99ks06zvlk] .agent-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 215 / 310;
    /* Maintain consistent aspect ratio */
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

[b-99ks06zvlk] .agent-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures images fill the container while maintaining aspect ratio */
    object-position: center;
    /* Centers the image */
    display: block;
    transition: transform 0.3s ease;
}

[b-99ks06zvlk] .agent-image-container:hover .agent-image {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .agents-hero[b-99ks06zvlk] {
        height: 550px;
    }
    
    [b-99ks06zvlk] .agent-image-container {
        aspect-ratio: 1 / 1.2;
        /* Slightly adjust for mobile */
        max-width: 280px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    [b-99ks06zvlk] .agent-image-container {
        max-width: 240px;
        margin: 0 auto;
    }
}

@media (min-width: 1024px) {
    [b-99ks06zvlk] .agent-image-container {
        max-width: 215px;
        margin: 0 auto;
    }
}
/* /Components/Pages/Bery/Components/GoogleMapModal.razor.rz.scp.css */
[b-ijhrv79pe0] .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1000; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
[b-ijhrv79pe0] .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	height: 60%;
}

	[b-ijhrv79pe0] .modal-content iframe {
		width: 100%;
		height: 90%;
	}

/* The Close Button */
[b-ijhrv79pe0] .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

	[b-ijhrv79pe0] .close:hover,
	[b-ijhrv79pe0] .close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}

/* Media query for mobile devices */
@media (max-width: 768px) {
	[b-ijhrv79pe0] .modal {
		padding-top: 0; /* Remove top padding */
	}

	[b-ijhrv79pe0] .modal-content {
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		margin: 0; /* Remove margin */
		border: none; /* Remove border */
		border-radius: 0; /* Remove border radius */
	}

		[b-ijhrv79pe0] .modal-content iframe {
			height: 90%;
		}
}
/* /Components/Pages/Bery/Components/HeroSection2.razor.rz.scp.css */
[b-vwnstlsi43] .btn-hero-cta {
    display: inline-block;
    padding: 12px 32px;
    margin-top: 20px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
    background-color: rgb(179, 147, 89);
    color: white;
    text-decoration: none;
}

[b-vwnstlsi43] .hero-slide-media {
    position: relative;
    background: linear-gradient(135deg, rgba(6, 24, 33, 0.82) 0%, rgba(11, 44, 61, 0.58) 42%, rgba(179, 147, 89, 0.28) 100%);
}

[b-vwnstlsi43] .hero-slide-headline {
    margin: 0;
}

[b-vwnstlsi43] .hero-slide-image {
    display: block;
}

[b-vwnstlsi43] .btn-hero-cta:hover {
    background-color: rgb(11, 44, 61);
    color: white;
}

[b-vwnstlsi43] .swiper-slide {
    position: relative;
}

[b-vwnstlsi43] .swiper-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 100%);
    pointer-events: none;
    z-index: 1;
}

[b-vwnstlsi43] .hero-text-content {
    z-index: 2;
}

[b-vwnstlsi43] .hero-slider .hero-slide-media--deferred {
    background: linear-gradient(135deg, rgba(6, 24, 33, 0.72) 0%, rgba(11, 44, 61, 0.44) 45%, rgba(179, 147, 89, 0.22) 100%);
}

[b-vwnstlsi43] .hero-slider .swiper-lazy-preloader {
    width: 58px;
    height: 58px;
    margin-left: -29px;
    margin-top: -29px;
    border-width: 3px;
    border-color: rgba(255, 255, 255, 0.86);
    border-top-color: transparent;
    background: rgba(11, 44, 61, 0.34);
    box-shadow: 0 16px 32px rgba(6, 24, 33, 0.24);
    backdrop-filter: blur(8px);
}

[b-vwnstlsi43] .hero-slider .swiper-lazy-preloader::before {
    content: '';
    position: absolute;
    inset: 9px;
    border-radius: 9999px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(179, 147, 89, 0.32));
}
/* /Components/Pages/Bery/Components/HomeYouTubeHeroSection.razor.rz.scp.css */
.home-video-hero[b-omr1mop3tn] {
	width: 100%;
	background: linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
}

.home-video-shell[b-omr1mop3tn] {
	background: radial-gradient(140% 180% at 0% 0%, #fff9ee 0%, #ffffff 48%, #f8fbff 100%);
	border: 1px solid #f0ede7;
	border-radius: 18px;
	padding: 24px;
	box-shadow: 0 14px 40px rgba(11, 44, 61, 0.08);
}

.home-video-title[b-omr1mop3tn] {
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.home-video-stack[b-omr1mop3tn] {
	display: flex;
	flex-direction: column;
	row-gap: 36px;
}

.home-video-secondary-grid[b-omr1mop3tn] {
	column-gap: 28px;
	row-gap: 28px;
}

.home-video-featured-badge[b-omr1mop3tn] {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 3;
	background: linear-gradient(135deg, #b39359 0%, #d4b87e 100%);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.35px;
	padding: 6px 10px;
	border-radius: 999px;
	text-transform: uppercase;
}

.home-video-hero-overlay[b-omr1mop3tn] {
	background: linear-gradient(to top, rgba(7, 20, 29, 0.65) 0%, rgba(7, 20, 29, 0.16) 54%, rgba(7, 20, 29, 0) 100%);
}

.home-video-hero-overlay-small[b-omr1mop3tn] {
	background: linear-gradient(to top, rgba(7, 20, 29, 0.52) 0%, rgba(7, 20, 29, 0) 64%);
}

.home-video-featured-play[b-omr1mop3tn] {
	backdrop-filter: saturate(1.05);
}

.home-video-play-icon[b-omr1mop3tn] {
	transform: translateZ(0);
	transition: transform 0.24s ease, filter 0.24s ease;
	filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.42));
}

.youtube-hero-play-button:hover .home-video-play-icon[b-omr1mop3tn] {
	transform: scale(1.08);
	filter: drop-shadow(0 12px 30px rgba(0, 0, 0, 0.56));
}

.home-video-card[b-omr1mop3tn] {
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.home-video-card:hover[b-omr1mop3tn] {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(11, 44, 61, 0.16);
}

@media (max-width: 767px) {
	.home-video-shell[b-omr1mop3tn] {
		padding: 18px;
		border-radius: 14px;
	}
}
/* /Components/Pages/Bery/Components/ImagesGrid.razor.rz.scp.css */
.image-container[b-onfu1j6pth] {
	width: 100%; /* Set the desired width */
	height: 409px; /* Set the desired height */
}

@media (min-width: 768px) {
	.image-container[b-onfu1j6pth] {
		width: 200px; /* Adjust the width for tablet devices */
		height: 163px; /* Set the desired height */
	}
}

@media (min-width: 1280px) {
	.image-container[b-onfu1j6pth] {
		width: 230px; /* Adjust the width for tablet devices */
		height: 178px; /* Set the desired height */
	}
}

.image-container img[b-onfu1j6pth] {
	width: 100%; /* Make the image fill the container width */
	height: 100%; /* Make the image fill the container height */
}
/* /Components/Pages/Bery/Components/ListingCard.razor.rz.scp.css */
.clamp-2[b-8mos3hjv7r] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/* /Components/Pages/Bery/Components/ListingCarousel.razor.rz.scp.css */
.subheadline-text[b-hrd5qwh5e5] {
    background-color: rgb(179, 147, 89);
    color: white !important;
    padding: 0 .5rem;
    border-radius: 10px;
}
/* /Components/Pages/Bery/Components/Skeleton.razor.rz.scp.css */
.skeleton-loader[b-90m79pm8s1] {
	background-color: #eee;
	border-radius: 4px;
	padding: 10px;
	/*max-width: 600px;*/
	margin: 20px auto;
}

	.skeleton-loader > div[b-90m79pm8s1] {
		background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
		background-size: 200% 100%;
		animation: skeleton 1.5s infinite linear;
		border-radius: 4px;
		height: 20px;
		margin-bottom: 10px;
	}

.skeleton-header[b-90m79pm8s1] {
	width: 50%;
	height: 25px;
}

.skeleton-content[b-90m79pm8s1] {
	width: 100%;
	height: 15px;
}

.skeleton-footer[b-90m79pm8s1] {
	width: 75%;
	height: 15px;
}

@@keyframes skeleton {
	0%[b-90m79pm8s1] {
		background-position: 200% 0;
	}

	100%[b-90m79pm8s1] {
		background-position: -200% 0;
	}
}
/* /Components/Pages/Bery/Components/ThumbSwiper.razor.rz.scp.css */
.swiper[b-eerld4o8wg] {
	width: auto;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide[b-eerld4o8wg] {
	background-size: cover;
	background-position: center;
}

	.swiper-slide img[b-eerld4o8wg] {
		display: block;
		width: auto;
		height: 100%;
		object-fit: cover;
		margin-left: auto;
		margin-right: auto;
	}

.thumb-swiper[b-eerld4o8wg] {
	width: 100%;
	height: 137px;
}

	.thumb-swiper .swiper-slide[b-eerld4o8wg] {
		width: 100%;
		height: auto;
		opacity: 0.5;
	}

	.thumb-swiper .swiper-slide-thumb-active[b-eerld4o8wg] {
		opacity: 1;
	}

	.thumb-swiper .swiper-slide img[b-eerld4o8wg] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.photo-swiper[b-eerld4o8wg] {
	/*height: 20%;*/
	box-sizing: border-box;
	padding: 10px 0;
}

	.photo-swiper .swiper-slide[b-eerld4o8wg] {
		width: 100%;
		height: auto;
	}

	.photo-swiper .swiper-slide-thumb-active[b-eerld4o8wg] {
		opacity: 1;
	}
/* /Components/Pages/Bery/ListingDetails.razor.rz.scp.css */
.text-editor[b-l6sr09ch5q] {
    white-space: pre-line; /* preserve \n line breaks in plain-text descriptions while still wrapping normally */
    line-height: 1.5;
}

/* Headings inherit line-height from the container; restore a tighter value
   typical for display text, and add bottom spacing to separate headings
   from consecutive content. ::deep is required to reach into MarkupString children.
   !important overrides the global .text-editor h1-h6 { margin-bottom: unset !important } rule. */
.text-editor[b-l6sr09ch5q]  h1,
.text-editor[b-l6sr09ch5q]  h2,
.text-editor[b-l6sr09ch5q]  h3,
.text-editor[b-l6sr09ch5q]  h4,
.text-editor[b-l6sr09ch5q]  h5,
.text-editor[b-l6sr09ch5q]  h6,
.text-editor[b-l6sr09ch5q]  p strong {
    --tw-text-opacity: 1;
    color: rgb(11 44 61 / var(--tw-text-opacity));
    line-height: 1;
    font-weight: 500;
    font-size: 24px;
    font-family: Lora, sans-serif;
    margin-bottom: 10px !important;
}

.text-editor[b-l6sr09ch5q]  p {
    margin-top: 40px !important;
    margin-bottom: unset !important;
}

.text-editor[b-l6sr09ch5q]  p strong:nth-of-type(2) {
    font-size: inherit;
}
/* /Components/Pages/Bery/ListingSearch.razor.rz.scp.css */
.listing-search-hero[b-2a5b043sgr] {
    overflow: hidden;
    height: 750px;
}

.listing-search-hero[b-2a5b043sgr]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 21, 35, 0.42) 0%, rgba(7, 21, 35, 0.58) 100%);
}

.listing-search-hero__content[b-2a5b043sgr] {
    padding: 1.85rem 2.1rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.2) 100%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 100%);
    box-shadow:
        0 24px 55px rgba(11, 44, 61, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(16px) saturate(500%);
    -webkit-backdrop-filter: blur(16px) saturate(500%);
}

.listing-search-hero__title[b-2a5b043sgr] {
    color: rgb(11 44 61);
}

.listing-search-hero__description[b-2a5b043sgr] {
    color: rgba(11, 44, 61, 0.82);
}

@media (max-width: 640px) {
    .listing-search-hero__content[b-2a5b043sgr] {
        padding: 1.5rem 1.25rem;
        border-radius: 22px;
    }

    .listing-search-hero[b-2a5b043sgr] {
        height: 550px;
    }
}
/* /Components/Pages/Bery/ProjectDetails.razor.rz.scp.css */
.project-details-hero__actions[b-1q2douquvx] {
    margin-top: 1.5rem;
    column-gap: 1rem;
    row-gap: 1rem;
}

.project-details-hero__cta[b-1q2douquvx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.875rem 1.35rem;
    border: 1px solid transparent;
    border-radius: 9999px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 30px rgba(11, 44, 61, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.project-details-hero__cta:hover[b-1q2douquvx] {
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(11, 44, 61, 0.16);
}

.project-details-hero__cta--primary[b-1q2douquvx] {
    background-color: rgb(11 44 61);
    color: #fff;
}

.project-details-hero__cta--primary:hover[b-1q2douquvx] {
    background-color: rgb(249 115 22);
    color: #fff;
}

.project-details-hero__cta--secondary[b-1q2douquvx] {
    background-color: rgba(255, 253, 252, 0.92);
    border-color: rgba(11, 44, 61, 0.12);
    color: rgb(11 44 61);
}

.project-details-hero__cta--secondary:hover[b-1q2douquvx] {
    background-color: rgb(11 44 61);
    border-color: rgb(11 44 61);
    color: #fff;
}

.project-details-sidebar__panel[b-1q2douquvx] {
    padding: 1.75rem 1.5rem;
    border: 1px solid rgba(11, 44, 61, 0.08);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 253, 252, 1) 0%, rgba(255, 246, 240, 0.78) 100%);
    box-shadow: 0 22px 50px rgba(11, 44, 61, 0.1);
}

.project-details-sidebar__heading[b-1q2douquvx] {
    line-height: 1.2;
    text-decoration: none;
}

.project-details-sidebar__links[b-1q2douquvx] {
    display: grid;
    gap: 1rem;
    margin-top: 0.75rem;
}

.project-details-sidebar__link[b-1q2douquvx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem 1.125rem;
    border: 1px solid rgba(11, 44, 61, 0.1);
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 28px rgba(11, 44, 61, 0.06);
    text-decoration: none;
}

.project-details-sidebar__link:hover[b-1q2douquvx] {
    border-color: rgb(249 115 22);
    transform: translateY(-1px);
}

.project-details-sidebar__link-title[b-1q2douquvx] {
    line-height: 1.4;
}

.project-details-sidebar__link-meta[b-1q2douquvx] {
    color: rgba(11, 44, 61, 0.72);
    margin-top: 0;
}

@media (min-width: 1024px) {
    .project-details-sidebar[b-1q2douquvx] {
        position: sticky;
        top: 120px;
    }
}

@media (max-width: 640px) {
    .project-details-hero__actions[b-1q2douquvx] {
        width: 100%;
    }

    .project-details-hero__cta[b-1q2douquvx] {
        width: 100%;
    }
}

.text-editor[b-1q2douquvx] {
    white-space: normal; /* preserve \n line breaks in plain-text descriptions while still wrapping normally */
    line-height: 1.75;
}

/* Headings inherit line-height from the container; restore a tighter value
   typical for display text, and add bottom spacing to separate headings
   from consecutive content. ::deep is required to reach into MarkupString children.
   !important overrides the global .text-editor h1-h6 { margin-bottom: unset !important } rule. */
.text-editor[b-1q2douquvx]  h1,
.text-editor[b-1q2douquvx]  h2,
.text-editor[b-1q2douquvx]  h3,
.text-editor[b-1q2douquvx]  h4,
.text-editor[b-1q2douquvx]  h5,
.text-editor[b-1q2douquvx]  h6 {
    --tw-text-opacity: 1;
    color: rgb(11 44 61 / var(--tw-text-opacity));
    font-weight: 500;
    font-size: 28px;
    font-family: Lora, sans-serif;
    margin-bottom: 10px !important;
    margin-top: 50px !important;
}
/* /Components/Shared/FloatingContactWidget.razor.rz.scp.css */
.floating-btn[b-gu5zl8cftj] {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.floating-btn:hover[b-gu5zl8cftj] {
    transform: scale(1.1);
}

.floating-btn-zalo[b-gu5zl8cftj] {
    background-color: #0068FF;
    animation: pulse-ring-blue-b-gu5zl8cftj 2s infinite 1s;
}

.floating-btn-zalo:hover[b-gu5zl8cftj] {
    background-color: #0052CC;
}

.floating-btn-whatsapp[b-gu5zl8cftj] {
    background-color: #25D366;
    animation: pulse-ring-b-gu5zl8cftj 2s infinite;
}

.floating-btn-whatsapp:hover[b-gu5zl8cftj] {
    background-color: #1DA851;
}

@keyframes pulse-ring-b-gu5zl8cftj {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@keyframes pulse-ring-blue-b-gu5zl8cftj {
    0% { box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(0, 104, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 104, 255, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .floating-btn[b-gu5zl8cftj] {
        animation: none;
    }

    .floating-btn-zalo[b-gu5zl8cftj] {
        animation: none;
    }
}
/* /Components/Shared/Loader1.razor.rz.scp.css */
.loading[b-nianp1bwyu] {
	position: relative;
	display: flex;
	gap: 15px;
}

	.loading span[b-nianp1bwyu] {
		position: relative;
		width: 5px;
		height: 20px;
	}

		.loading span[b-nianp1bwyu]::before {
			content: '';
			position: absolute;
			inset: 0;
			animation: animate-b-nianp1bwyu 8s linear infinite;
			animation-delay: calc(var(--i) * 0.1s);
		}

@keyframes animate-b-nianp1bwyu {
	0% {
		color: transparent;
		background: #0f0;
		box-shadow: 0 0 5px #0f0, 0 0 15px #0f0, 0 0 30px #0f0, 0 0 50px #0f0;
		rotate: 0deg;
	}

	20% {
		color: transparent;
		background: #0f0;
		box-shadow: 0 0 5px #0f0, 0 0 15px #0f0, 0 0 30px #0f0, 0 0 50px #0f0;
		rotate: 0deg;
	}

	40% {
		color: transparent;
		background: #0f0;
		box-shadow: 0 0 5px #0f0, 0 0 15px #0f0, 0 0 30px #0f0, 0 0 50px #0f0;
		rotate: 90deg;
		transform-origin: bottom;
		filter: hue-rotate(0deg);
	}

	80% {
		color: transparent;
		background: #0f0;
		box-shadow: 0 0 5px #0f0, 0 0 15px #0f0, 0 0 30px #0f0, 0 0 50px #0f0;
		rotate: 90deg;
		transform-origin: bottom;
		filter: hue-rotate(360deg);
	}

	90% {
		background: #000;
		box-shadow: none;
		rotate: 0deg;
	}

	90.1%,100% {
		background: #000;
		box-shadow: none;
	}
}