/*
	Theme Name: AHG Online Theme | Kupona
	Theme URI: https://kupona.de
	Description: Norris Theme
	Version: 2.0.0
	Author: Andre Kokowin
	Tags: Blank, HTML5, CSS3, Grid, Tailwind
*/

@import "css/main.css";
@import "css/fonts.css";
@import "css/icons.css";
@import "css/collection.css";

.header-fade-in {
    animation: fadeIn 1s ease-in-out forwards;
}

.to-top {
    z-index: 9999;
}

@keyframes slide-x {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

@keyframes fadeIn {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0%);
    }
}

/* Backdrop */
:backdrop {
    backdrop-filter: blur(3px);
}

/* Popover */
[popover],
:popover-open {
	opacity: 0;
}

:popover-open {
	animation: fadeInPopover 0.5s ease-in-out forwards;
}

@keyframes fadeInPopover {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes roll-out-left {
    0% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateX(-1000px) rotate(-540deg);
        opacity: 0;
    }
}
@keyframes tilt-in-fwd-tr {
    0% {
        transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(
                -35deg,
                10deg
            );
        opacity: 0;
    }
    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}