1 line
9.6 KiB
Plaintext
1 line
9.6 KiB
Plaintext
{"version":3,"file":"static/css/main.c9966057.css","mappings":"sGAKA,KACE,sBACF,CAGA,OACE,yBAA0B,CAC1B,kBACF,CAGA,kBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAEA,mBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAEA,iBACE,MACE,SACF,CACA,IACE,UACF,CACF,CAEA,mBACE,GACE,4BACF,CACA,GACE,wCACF,CACF,CAEA,iBACE,MACE,uBACF,CACA,IACE,2BACF,CACF,CAEA,gBACE,MACE,4BACF,CACA,IACE,6BACF,CACF,CAGA,KAEE,kCAAmC,CACnC,iCAAkC,CAFlC,qGAA0H,CAI1H,eAAgB,CADhB,eAEF,CAGA,OACE,0CACF,CAEA,cACE,oBACF,CAGA,cACE,0CACF,CAEA,oBACE,0BACF,CAGA,cAEE,kCAA2B,CAA3B,0BAA2B,CAD3B,oBAAoC,CAEpC,sBAA0C,CAC1C,kBACF,CAEA,0BACE,oBAAqC,CACrC,0BAA0C,CAE1C,+BAAyC,CADzC,0BAEF,CAGA,0CACE,uBACF,CAEA,gDACE,0BACF,CAGA,wBACE,iBAAkB,CAClB,eACF,CAEA,uBACE,6BACF,CAGA,cACE,eAAgB,CAChB,uBACF,CAEA,oBACE,0BACF,CAGA,eACE,iBAAkB,CAClB,eACF,CAGA,oBACE,iBAAkB,CAClB,eACF,CAGA,mBACE,uBACF,CAEA,yBACE,qBACF,CAGA,oBACE,0CACF,CAEA,0BACE,oBACF,CAGA,eACE,0CACF,CAGA,EACE,oBAAqB,CACrB,uBACF,CAEA,QACE,yBACF,CAGA,oBACE,SACF,CAEA,0BACE,kBAAmB,CACnB,iBACF,CAEA,0BACE,kBAAmB,CACnB,iBACF,CAEA,gCACE,kBACF,CAGA,iBAGE,+BAAgC,CAFhC,qEAAyE,CACzE,0BAEF,CAGA,YACE,iBACF,CAEA,kBAOE,sBAA6B,CAC7B,qBAAsB,CAFtB,WAAY,CALZ,UAAW,CAGX,SAAU,CAFV,iBAAkB,CAGlB,UAAW,CAFX,QAAS,CAMT,gCACF,CAEA,wBACE,oBACF,CAGA,aACE,kDACF,CAEA,uBACE,kDACF,CAEA,qBACE,8DACF,CAGA,WACE,gCACF,CAEA,WACE,4DACF,CAEA,WACE,8DACF,CAEA,WACE,gEACF,CAEA,YACE,sCACF,CAGA,cACE,+BACF,CAEA,0BACE,gCACF,CAGA,eACE,uCACF,CAEA,cACE,sCACF,CAEA,iBACE,6BACF,CAEA,kBACE,8BACF,CAGA,kBACE,0BAEF,CAEA,qCAHE,gDAMF,CAHA,mBACE,qBAEF,CAEA,kBACE,6BAA6C,CAC7C,8BACF,CAGA,eAGE,6BAAoC,CAFpC,kDAA6D,CAC7D,4BAA6B,CAE7B,oBACF,CAEA,aACE,+BACF,CAGA,yBACE,eACE,YACF,CAEA,aACE,oBACF,CAEA,oBACE,iBACF,CACF,CAEA,yBACE,gBACE,YACF,CACF,CAGA,aACE,UACE,sBACF,CACF,CAGA,mCACE,WACE,kBAAmB,CACnB,UACF,CACF,CAGA,+BACE,eACE,gBACF,CACF,CAGA,uCACE,EACE,kCAAqC,CACrC,qCAAuC,CACvC,mCACF,CACF","sources":["styles/global.css"],"sourcesContent":["/* Global Styles for Alwrity Onboarding */\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n/* Smooth scrolling */\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\n/* Better focus styles */\r\n*:focus {\r\n outline: 2px solid #667eea;\r\n outline-offset: 2px;\r\n}\r\n\r\n/* Enhanced custom animations */\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.7;\r\n }\r\n}\r\n\r\n@keyframes shimmer {\r\n 0% {\r\n background-position: -200px 0;\r\n }\r\n 100% {\r\n background-position: calc(200px + 100%) 0;\r\n }\r\n}\r\n\r\n@keyframes float {\r\n 0%, 100% {\r\n transform: translateY(0px);\r\n }\r\n 50% {\r\n transform: translateY(-10px);\r\n }\r\n}\r\n\r\n@keyframes glow {\r\n 0%, 100% {\r\n box-shadow: 0 0 5px rgba(102, 126, 234, 0.5);\r\n }\r\n 50% {\r\n box-shadow: 0 0 20px rgba(102, 126, 234, 0.8);\r\n }\r\n}\r\n\r\n/* Enhanced typography */\r\nbody {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n line-height: 1.6;\r\n font-weight: 400;\r\n}\r\n\r\n/* Better button interactions */\r\nbutton {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\nbutton:active {\r\n transform: scale(0.98);\r\n}\r\n\r\n/* Enhanced card shadows and effects */\r\n.MuiCard-root {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.MuiCard-root:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* Glassmorphism effects */\r\n.glass-effect {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 12px;\r\n}\r\n\r\n.glass-effect-hover:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n/* Better form field styling */\r\n.MuiTextField-root .MuiOutlinedInput-root {\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.MuiTextField-root .MuiOutlinedInput-root:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* Enhanced progress bars */\r\n.MuiLinearProgress-root {\r\n border-radius: 4px;\r\n overflow: hidden;\r\n}\r\n\r\n.MuiLinearProgress-bar {\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n/* Better chip styling */\r\n.MuiChip-root {\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.MuiChip-root:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* Enhanced alert styling */\r\n.MuiAlert-root {\r\n border-radius: 8px;\r\n font-weight: 500;\r\n}\r\n\r\n/* Better tooltip styling */\r\n.MuiTooltip-tooltip {\r\n border-radius: 6px;\r\n font-weight: 500;\r\n}\r\n\r\n/* Enhanced stepper styling */\r\n.MuiStepLabel-root {\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.MuiStepLabel-root:hover {\r\n transform: scale(1.05);\r\n}\r\n\r\n/* Better icon button styling */\r\n.MuiIconButton-root {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.MuiIconButton-root:hover {\r\n transform: scale(1.1);\r\n}\r\n\r\n/* Enhanced paper styling */\r\n.MuiPaper-root {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n/* Better link styling */\r\na {\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n}\r\n\r\na:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* Custom scrollbar */\r\n::-webkit-scrollbar {\r\n width: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n border-radius: 4px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: #c1c1c1;\r\n border-radius: 4px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: #a8a8a8;\r\n}\r\n\r\n/* Loading animation */\r\n.loading-shimmer {\r\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\r\n background-size: 200px 100%;\r\n animation: shimmer 1.5s infinite;\r\n}\r\n\r\n/* Focus ring for accessibility */\r\n.focus-ring {\r\n position: relative;\r\n}\r\n\r\n.focus-ring::after {\r\n content: '';\r\n position: absolute;\r\n top: -2px;\r\n left: -2px;\r\n right: -2px;\r\n bottom: -2px;\r\n border: 2px solid transparent;\r\n border-radius: inherit;\r\n transition: border-color 0.3s ease;\r\n}\r\n\r\n.focus-ring:focus::after {\r\n border-color: #667eea;\r\n}\r\n\r\n/* Enhanced gradient backgrounds */\r\n.gradient-bg {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n}\r\n\r\n.gradient-bg-secondary {\r\n background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\r\n}\r\n\r\n.gradient-bg-premium {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\r\n}\r\n\r\n/* Professional shadows */\r\n.shadow-sm {\r\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.shadow-md {\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.shadow-lg {\r\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.shadow-xl {\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.shadow-2xl {\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n/* Glassmorphism shadows */\r\n.glass-shadow {\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.glass-shadow-hover:hover {\r\n box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n/* Animation classes */\r\n.animate-float {\r\n animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n.animate-glow {\r\n animation: glow 2s ease-in-out infinite;\r\n}\r\n\r\n.animate-fade-in {\r\n animation: fadeIn 0.6s ease-out;\r\n}\r\n\r\n.animate-slide-up {\r\n animation: slideUp 0.6s ease-out;\r\n}\r\n\r\n/* Hover effects */\r\n.hover-lift:hover {\r\n transform: translateY(-4px);\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hover-scale:hover {\r\n transform: scale(1.05);\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hover-glow:hover {\r\n box-shadow: 0 0 20px rgba(102, 126, 234, 0.3);\r\n transition: box-shadow 0.3s ease;\r\n}\r\n\r\n/* Text effects */\r\n.text-gradient {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.text-shadow {\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n/* Responsive utilities */\r\n@media (max-width: 768px) {\r\n .mobile-hidden {\r\n display: none;\r\n }\r\n \r\n .mobile-full {\r\n width: 100% !important;\r\n }\r\n \r\n .mobile-text-center {\r\n text-align: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mobile-padding {\r\n padding: 16px;\r\n }\r\n}\r\n\r\n/* Print styles */\r\n@media print {\r\n .no-print {\r\n display: none !important;\r\n }\r\n}\r\n\r\n/* Dark mode support */\r\n@media (prefers-color-scheme: dark) {\r\n .auto-dark {\r\n background: #1a1a1a;\r\n color: #ffffff;\r\n }\r\n}\r\n\r\n/* High contrast mode */\r\n@media (prefers-contrast: high) {\r\n .high-contrast {\r\n border: 2px solid;\r\n }\r\n}\r\n\r\n/* Reduced motion support */\r\n@media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n} "],"names":[],"sourceRoot":""} |