{
  "version": 3,
  "sources": ["angular:styles/component:css;cea08b62136d8fb129481f18fb41b19af1a4e9e7a64d65fd1c213829ebe5089a;/Users/apple/Documents/clients/pratilipi-html/otpbase/src/app/language-popup/language-popup.component.ts"],
  "sourcesContent": ["\n    :host {\n        display: block;\n    }\n    \n    .language-popup {\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.4s ease, visibility 0.4s;\n    }\n    \n    .language-popup.active {\n        opacity: 1;\n        visibility: visible;\n    }\n    \n    .language-card {\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        transform-style: preserve-3d;\n        perspective: 1000px;\n        cursor: pointer;\n        border-radius: 16px;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);\n    }\n    \n    .language-card:hover {\n        transform: translateY(-10px) rotateX(5deg) rotateY(5deg);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n    }\n    \n    .language-icon {\n        font-weight: bold;\n        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\n    }\n    \n    .language-card:nth-child(1):hover { background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%); }\n    .language-card:nth-child(2):hover { background: linear-gradient(135deg, #589bf7 0%, #3f7ff1 100%) }\n    .language-card:nth-child(3):hover { background: linear-gradient(135deg, #46da7c 0%, #3ed072 100%) }\n    .language-card:nth-child(4):hover { background: linear-gradient(135deg, #ff9f43 0%, #ffb76b 100%); }\n    .language-card:nth-child(5):hover { background: linear-gradient(135deg, #a29bfe 0%, #b9b4ff 100%); }\n    .language-card:nth-child(6):hover { background: linear-gradient(135deg, #fd79a8 0%, #ff9ac5 100%); }\n    \n    .language-card:hover .language-icon {\n        transform: scale(1.2);\n        transition: transform 0.3s ease;\n    }\n    \n    .language-card:hover .language-name {\n        color: white;\n    }\n    .language-name{\n      color:#000\n    }\n    .language-card:hover .language-native {\n        color: rgba(255, 255, 255, 0.8);\n    }\n    \n    .pulse-animation {\n        animation: pulse 2s infinite;\n        border: 2px solid #FF2D55;\n    }\n    \n    @keyframes pulse {\n        0% { transform: scale(1); }\n        50% { transform: scale(1.02); }\n        100% { transform: scale(1); }\n    }\n    \n    .fade-in-up {\n        animation: fadeInUp 0.6s ease forwards;\n    }\n    \n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .popup-content {\n        animation: popupIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n        transform: scale(0.8);\n    }\n    \n    @keyframes popupIn {\n        to {\n            transform: scale(1);\n        }\n    }\n    \n    .language-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    \n    @media (max-width: 640px) {\n        .language-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    /* Wattpad Color Variables */\n    :host {\n        --wattpad-primary: #FF2D55;\n        --wattpad-secondary: #00B272;\n        --wattpad-accent: #FF9500;\n        --wattpad-dark: #1E1E1E;\n        --wattpad-light: #757575;\n        --wattpad-bg: #F8F8F8;\n    }\n  "],
  "mappings": "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",
  "names": []
}