"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ShinyWrapper = exports.SkeletonWrapper = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
exports.SkeletonWrapper = styled_1.default.div `
	position: relative;
	overflow: hidden;
`;
exports.ShinyWrapper = styled_1.default.div `
	@keyframes gradient {
		0% {
			left: -125%;
		}
		100% {
			left: 150%;
		}
	}

	&::before {
		content: '';
		background: rgba(255, 255, 255, 0.4);
		position: absolute;
		width: 150px; /** shiny 폭 */
		height: 100%;
		top: 0%;
		transform: skew(-45deg);

		animation: gradient 1.8s ease-out infinite;
	}
`;
