.alert[data-v-d8ddd446]{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid transparent;margin-bottom:var(--spacing-md)}.alert-icon[data-v-d8ddd446]{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:600}.alert-content[data-v-d8ddd446]{flex:1;min-width:0}.alert-title[data-v-d8ddd446]{margin:0 0 var(--spacing-xs) 0;font-weight:600;font-size:var(--font-size-base)}.alert-message[data-v-d8ddd446]{font-size:var(--font-size-sm);line-height:1.5}.alert-close[data-v-d8ddd446]{flex-shrink:0;background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:.6}.alert-close[data-v-d8ddd446]:hover{opacity:1;background-color:#0000001a}.alert-success[data-v-d8ddd446]{background-color:#ecfdf5;border-color:#10b981;color:#065f46}.alert-success .alert-icon[data-v-d8ddd446]{color:#10b981}.alert-success .alert-close[data-v-d8ddd446]{color:#065f46}.alert-error[data-v-d8ddd446]{background-color:#fef2f2;border-color:var(--color-danger);color:#991b1b}.alert-error .alert-icon[data-v-d8ddd446]{color:var(--color-danger)}.alert-error .alert-close[data-v-d8ddd446]{color:#991b1b}.alert-warning[data-v-d8ddd446]{background-color:#fffbeb;border-color:#f59e0b;color:#92400e}.alert-warning .alert-icon[data-v-d8ddd446]{color:#f59e0b}.alert-warning .alert-close[data-v-d8ddd446]{color:#92400e}.alert-info[data-v-d8ddd446]{background-color:#eff6ff;border-color:var(--color-primary);color:#1e40af}.alert-info .alert-icon[data-v-d8ddd446]{color:var(--color-primary)}.alert-info .alert-close[data-v-d8ddd446]{color:#1e40af}.modal-backdrop[data-v-2743367f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-md);overflow-y:auto}.modal-container[data-v-2743367f]{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;z-index:var(--z-modal)}.modal-header[data-v-2743367f]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.modal-title[data-v-2743367f]{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900)}.modal-close[data-v-2743367f]{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-gray-400);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close[data-v-2743367f]:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.modal-body[data-v-2743367f]{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer[data-v-2743367f]{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.modal-fade-enter-active[data-v-2743367f],.modal-fade-leave-active[data-v-2743367f]{transition:opacity var(--transition-base)}.modal-fade-enter-from[data-v-2743367f],.modal-fade-leave-to[data-v-2743367f]{opacity:0}.modal-fade-enter-active .modal-container[data-v-2743367f],.modal-fade-leave-active .modal-container[data-v-2743367f]{transition:transform var(--transition-base)}.modal-fade-enter-from .modal-container[data-v-2743367f],.modal-fade-leave-to .modal-container[data-v-2743367f]{transform:scale(.95)}.btn[data-v-748e0c7b]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center}.btn[data-v-748e0c7b]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm[data-v-748e0c7b]{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:36px}.btn-md[data-v-748e0c7b]{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-xl);min-height:48px}.btn-lg[data-v-748e0c7b]{font-size:var(--font-size-md);padding:var(--spacing-lg) var(--spacing-2xl);min-height:56px}.btn-primary[data-v-748e0c7b]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary[data-v-748e0c7b]:hover:not(.btn-disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-748e0c7b]{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary[data-v-748e0c7b]:hover:not(.btn-disabled){background:var(--color-secondary-dark);border-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent[data-v-748e0c7b]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-accent[data-v-748e0c7b]:hover:not(.btn-disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost[data-v-748e0c7b]{background:transparent;color:var(--color-text-primary);border-color:var(--color-gray-300)}.btn-ghost[data-v-748e0c7b]:hover:not(.btn-disabled){background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-danger[data-v-748e0c7b]{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger[data-v-748e0c7b]:hover:not(.btn-disabled){background:var(--color-error-dark);border-color:var(--color-error-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-disabled[data-v-748e0c7b]{opacity:.6;cursor:not-allowed}.btn-full-width[data-v-748e0c7b]{width:100%}.button-spinner[data-v-748e0c7b]{display:inline-flex;align-items:center;justify-content:center}.btn[data-v-748e0c7b] i{flex-shrink:0}.btn[data-v-748e0c7b] svg{width:1.25em;height:1.25em;flex-shrink:0}.alert-modal[data-v-bd9fce37]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-lg)}.alert-icon[data-v-bd9fce37]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0}.alert-icon-success[data-v-bd9fce37]{background-color:#ecfdf5;color:#10b981}.alert-icon-error[data-v-bd9fce37]{background-color:#fee2e2;color:#ef4444}.alert-icon-warning[data-v-bd9fce37]{background-color:#fef3c7;color:#f59e0b}.alert-icon-info[data-v-bd9fce37]{background-color:#eff6ff;color:#3b82f6}.alert-message[data-v-bd9fce37]{margin:0;font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.6}.loading-spinner[data-v-9b5b6cc8]{display:inline-flex;align-items:center;justify-content:center}.spinner-ring[data-v-9b5b6cc8]{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin-9b5b6cc8 .6s linear infinite}.loading-spinner-sm .spinner-ring[data-v-9b5b6cc8]{width:1rem;height:1rem;border-width:2px}.loading-spinner-md .spinner-ring[data-v-9b5b6cc8]{width:2rem;height:2rem}.loading-spinner-lg .spinner-ring[data-v-9b5b6cc8]{width:3rem;height:3rem;border-width:4px}.loading-spinner-xl .spinner-ring[data-v-9b5b6cc8]{width:4rem;height:4rem;border-width:5px}@keyframes spin-9b5b6cc8{to{transform:rotate(360deg)}}.skeleton-container[data-v-5f56d726]{min-height:100vh;background:#f9fafb;padding-top:73px}.skeleton[data-v-5f56d726]{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:shimmer-5f56d726 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer-5f56d726{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header[data-v-5f56d726]{height:73px;position:fixed;top:0;left:0;right:0;z-index:100;border-radius:0}.skeleton-content[data-v-5f56d726]{max-width:1280px;margin:0 auto;padding:4rem 1.5rem}.skeleton-text[data-v-5f56d726]{height:24px;margin-bottom:1rem}.skeleton-title[data-v-5f56d726]{width:60%;height:48px;margin-bottom:1.5rem}.skeleton-subtitle[data-v-5f56d726]{width:80%;height:20px;margin-bottom:2rem}.skeleton-button[data-v-5f56d726]{width:200px;height:48px;border-radius:var(--radius-full)}.app-header[data-v-ad034b4a]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-primary);transition:all var(--transition-base)}.app-header.scrolled[data-v-ad034b4a]{box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);background:#49bbbdfa}.header-container[data-v-ad034b4a]{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo[data-v-ad034b4a]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;text-decoration:none}.logo-icon[data-v-ad034b4a]{width:40px;height:40px;flex-shrink:0}.logo-text[data-v-ad034b4a]{color:#fff;font-weight:var(--font-weight-extrabold)}.nav-menu[data-v-ad034b4a]{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link[data-v-ad034b4a]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;opacity:.9}.nav-link[data-v-ad034b4a]:hover,.nav-link.router-link-active[data-v-ad034b4a]{opacity:1;background:#ffffff1a}.nav-link .icon[data-v-ad034b4a]{width:20px;height:20px}.nav-link-login[data-v-ad034b4a]{background:#fff;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);opacity:1}.nav-link-login[data-v-ad034b4a]:hover{background:#ffffffe6;color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-link-signup[data-v-ad034b4a]{background:#fff3;color:#fff;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);border:1px solid rgba(255,255,255,.3);opacity:1}.nav-link-signup[data-v-ad034b4a]:hover{background:#ffffff4d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.profile-section[data-v-ad034b4a]{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link-profile[data-v-ad034b4a]{padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);background:#ffffff1a;opacity:1}.nav-link-profile[data-v-ad034b4a]:hover{border-color:#ffffff80;background:#fff3}.org-badge[data-v-ad034b4a]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #f59e0b;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#92400e;white-space:nowrap}.mobile-menu-toggle[data-v-ad034b4a]{display:none;background:none;border:none;font-size:var(--font-size-xl);color:#fff;cursor:pointer}.mobile-menu-toggle svg[data-v-ad034b4a]{width:24px;height:24px}@media (max-width: 768px){.mobile-menu-toggle[data-v-ad034b4a]{display:block}.nav-menu[data-v-ad034b4a]{position:fixed;top:73px;left:0;right:0;flex-direction:column;background:var(--color-primary);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.nav-menu.mobile-open[data-v-ad034b4a]{transform:translateY(0);opacity:1;pointer-events:all}.nav-link[data-v-ad034b4a]{padding:var(--spacing-md);width:100%}.nav-link-login[data-v-ad034b4a],.nav-link-signup[data-v-ad034b4a]{margin-top:var(--spacing-sm);text-align:center;justify-content:center}.profile-section[data-v-ad034b4a]{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.org-badge[data-v-ad034b4a]{align-self:flex-start}}.app-footer[data-v-7690c22f]{background:var(--color-text-primary);color:var(--color-text-tertiary);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-container[data-v-7690c22f]{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}.footer-grid[data-v-7690c22f]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.footer-brand[data-v-7690c22f]{max-width:320px}.footer-logo[data-v-7690c22f]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.footer-logo span[data-v-7690c22f]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon[data-v-7690c22f]{width:36px;height:36px}.footer-description[data-v-7690c22f]{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-tertiary)}.footer-heading[data-v-7690c22f]{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff}.footer-links[data-v-7690c22f]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a[data-v-7690c22f]{color:var(--color-text-tertiary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a[data-v-7690c22f]:hover{color:var(--color-primary)}.footer-bottom[data-v-7690c22f]{padding-top:var(--spacing-lg);margin-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-left[data-v-7690c22f]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-copyright[data-v-7690c22f]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer-developed[data-v-7690c22f]{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.blackscreen-link[data-v-7690c22f]{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.blackscreen-link[data-v-7690c22f]:hover{color:var(--color-primary-light)}.footer-badges[data-v-7690c22f]{display:flex;gap:var(--spacing-md)}.badge[data-v-7690c22f]{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}@media (max-width: 1024px){.footer-grid[data-v-7690c22f]{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.footer-brand[data-v-7690c22f]{max-width:100%}}@media (max-width: 640px){.footer-grid[data-v-7690c22f]{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-bottom[data-v-7690c22f]{flex-direction:column;text-align:center}.footer-badges[data-v-7690c22f]{justify-content:center}}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}main.with-header{padding-top:73px}.app-notification{position:fixed;top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-notification);max-width:500px;margin:0 auto}@media (min-width: 768px){.app-notification{left:auto;margin:0}}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-loading-overlay)}.dark{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-gray-50: #1f2937;--color-gray-100: #374151;--color-gray-200: #4b5563;--color-gray-300: #6b7280;--color-gray-400: #9ca3af;--color-gray-500: #d1d5db;--color-gray-600: #e5e7eb;--color-gray-700: #f3f4f6;--color-gray-800: #f9fafb;--color-gray-900: #ffffff}:root{--color-primary: #49bbbd;--color-primary-dark: #3a9395;--color-primary-light: #6ccbcd;--color-secondary: #545ae7;--color-secondary-dark: #3b3fc9;--color-secondary-light: #7c80f2;--color-accent: #f48c06;--color-accent-dark: #d97706;--color-accent-light: #fbbf24;--color-text-primary: #252641;--color-text-secondary: #696983;--color-text-tertiary: #b2b3cf;--color-success: #16a34a;--color-success-dark: #15803d;--color-success-light: #86efac;--color-error: #ee635a;--color-error-dark: #dc2626;--color-error-light: #fca5a5;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-light: #fde68a;--color-info: #3b82f6;--color-info-dark: #1e40af;--color-info-light: #93c5fd;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #dbe1ee;--color-bg-accent: #9dccff;--color-bg-accent-light: #c9d3e6;--font-family-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-secondary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 30px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1100;--z-loading-overlay: 1200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-md);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin-top:0;margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 640px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1024px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}