@import url("https://fontsapi.zeoseven.com/89/main/result.css");@import url("https://fontsapi.zeoseven.com/256/main/result.css");.command-backdrop[data-astro-cid-evu5xact]{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1)}.command-backdrop[data-astro-cid-evu5xact].active{opacity:1;pointer-events:auto}.command-palette[data-astro-cid-evu5xact]{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem 1rem;pointer-events:none;opacity:0;transform:scale(0.96) translateY(-10px);transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.command-palette[data-astro-cid-evu5xact].active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.command-container[data-astro-cid-evu5xact]{width:100%;max-width:640px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.15),0 10px 10px -5px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.05);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}@supports (backdrop-filter: blur(20px)){.command-container[data-astro-cid-evu5xact]{background:hsl(var(--background) / 0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.command-search-wrapper[data-astro-cid-evu5xact]{display:flex;align-items:center;padding:1rem 1rem;border-bottom:1px solid hsl(var(--border));gap:0.75rem;position:relative}.command-search-icon[data-astro-cid-evu5xact]{color:hsl(var(--muted-foreground));flex-shrink:0}.command-input[data-astro-cid-evu5xact]{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:hsl(var(--foreground))}.command-input[data-astro-cid-evu5xact]::-moz-placeholder{color:hsl(var(--muted-foreground))}.command-input[data-astro-cid-evu5xact]::placeholder{color:hsl(var(--muted-foreground))}.command-kbd[data-astro-cid-evu5xact]{display:inline-flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:4px;font-size:0.75rem;font-family:monospace;color:hsl(var(--muted-foreground));min-width:2rem}.command-results[data-astro-cid-evu5xact]{overflow-y:auto;padding:0.5rem;flex:1;min-height:0}.command-section[data-astro-cid-evu5xact]{margin-bottom:1rem}.command-section[data-astro-cid-evu5xact]:last-child{margin-bottom:0}.command-section-title[data-astro-cid-evu5xact]{padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:0.05em}.command-item[data-astro-cid-evu5xact]{width:100%;display:flex;align-items:center;padding:0.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all 0.15s cubic-bezier(0.16,1,0.3,1);text-align:left}.command-item[data-astro-cid-evu5xact]:hover{background:hsl(var(--muted));transform:translateX(2px)}.command-item[data-astro-cid-evu5xact].selected{background:hsl(var(--muted));outline:2px solid hsl(var(--primary));outline-offset:-2px;transform:translateX(2px)}.command-item[data-astro-cid-evu5xact].hidden{display:none}.command-item-content[data-astro-cid-evu5xact]{display:flex;align-items:center;gap:0.75rem;width:100%}.command-item-icon[data-astro-cid-evu5xact]{color:hsl(var(--muted-foreground));flex-shrink:0;display:flex;align-items:center;justify-content:center}.command-item-text[data-astro-cid-evu5xact]{flex:1;min-width:0}.command-item-title[data-astro-cid-evu5xact]{font-size:0.875rem;font-weight:500;color:hsl(var(--foreground));margin-bottom:0.125rem}.command-item-description[data-astro-cid-evu5xact]{font-size:0.75rem;color:hsl(var(--muted-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-footer[data-astro-cid-evu5xact]{display:flex;align-items:center;gap:1rem;padding:0.75rem 1rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / 0.3)}.command-footer-item[data-astro-cid-evu5xact]{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:hsl(var(--muted-foreground))}.command-footer[data-astro-cid-evu5xact] kbd[data-astro-cid-evu5xact]{padding:0.125rem 0.375rem;min-width:1.5rem}.command-results[data-astro-cid-evu5xact]::-webkit-scrollbar{width:6px}.command-results[data-astro-cid-evu5xact]::-webkit-scrollbar-track{background:transparent}.command-results[data-astro-cid-evu5xact]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.command-results[data-astro-cid-evu5xact]::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}@media (max-width: 640px){.command-palette[data-astro-cid-evu5xact]{padding:5vh 0.5rem 0.5rem}.command-container[data-astro-cid-evu5xact]{max-height:80vh}}.dark .command-backdrop[data-astro-cid-evu5xact]{background:rgba(0,0,0,0.7)}.dark .command-container[data-astro-cid-evu5xact]{box-shadow:0 20px 25px -5px rgba(0,0,0,0.3),0 10px 10px -5px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.1)}.dark .command-item[data-astro-cid-evu5xact].selected{box-shadow:0 0 0 2px hsl(var(--primary) / 0.5)}.theme-control-toggle[data-astro-cid-nfv7xxx5]{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsl(var(--muted));border:2px solid transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:none}.theme-control-toggle[data-astro-cid-nfv7xxx5].pushed-up{bottom:6.5rem}@media (min-width: 640px){.theme-control-toggle[data-astro-cid-nfv7xxx5]{right:2rem;width:3rem;height:3rem}.theme-control-toggle[data-astro-cid-nfv7xxx5].pushed-up{bottom:6.5rem}}.theme-control-toggle[data-astro-cid-nfv7xxx5]:hover{border-color:hsl(var(--border) / 0.75)}.theme-control-toggle[data-astro-cid-nfv7xxx5]:active{transform:scale(0.95)}.icon-star[data-astro-cid-nfv7xxx5]{width:20px;height:20px;transition:transform 0.3s ease}.theme-control-toggle[data-astro-cid-nfv7xxx5]:hover .icon-star[data-astro-cid-nfv7xxx5]{transform:rotate(72deg)}.theme-control-toggle[data-astro-cid-nfv7xxx5]:active .icon-star[data-astro-cid-nfv7xxx5]{transform:rotate(72deg) scale(0.9)}.theme-control-overlay[data-astro-cid-nfv7xxx5]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / 0.4);backdrop-filter:blur(4px);z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.3s ease}.theme-control-overlay[data-astro-cid-nfv7xxx5].open{opacity:1;visibility:visible;pointer-events:auto}.theme-control-panel[data-astro-cid-nfv7xxx5]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);z-index:1002;width:90%;max-width:28rem;max-height:90vh;border:1px solid hsl(var(--border) / 0.7);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.theme-control-panel[data-astro-cid-nfv7xxx5].open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.theme-control-panel[data-astro-cid-nfv7xxx5].inline{position:static;inset:auto;transform:none;width:100%;max-width:none;max-height:none;opacity:1;visibility:visible;pointer-events:auto;background:transparent;border:none;border-radius:0;box-shadow:none}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-content[data-astro-cid-nfv7xxx5]{padding:0;max-height:none}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-content[data-astro-cid-nfv7xxx5]>.panel-header[data-astro-cid-nfv7xxx5]{padding:0 0 0.5rem}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5]{display:flex;flex-direction:column;gap:1.25rem}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid>.control-section[data-astro-cid-nfv7xxx5]{margin:0;padding:1.25rem;border-bottom:none;border:1px solid hsl(var(--border) / 0.4);border-radius:1.25rem;background:transparent;box-shadow:none}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid>.font-section[data-astro-cid-nfv7xxx5],.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid>.starry-section[data-astro-cid-nfv7xxx5]{grid-column:span 2}@media (max-width: 640px){.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid{grid-template-columns:1fr}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid>.font-section[data-astro-cid-nfv7xxx5],.theme-control-panel[data-astro-cid-nfv7xxx5].inline .theme-control-sections[data-astro-cid-nfv7xxx5].inline-grid>.starry-section[data-astro-cid-nfv7xxx5]{grid-column:span 1}}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .panel-header[data-astro-cid-nfv7xxx5]{margin-bottom:1rem}.theme-control-panel[data-astro-cid-nfv7xxx5].inline .close-btn[data-astro-cid-nfv7xxx5]{display:none}.theme-control-content[data-astro-cid-nfv7xxx5]{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 3rem)}.theme-control-content[data-astro-cid-nfv7xxx5]::-webkit-scrollbar{width:6px}.theme-control-content[data-astro-cid-nfv7xxx5]::-webkit-scrollbar-track{background:transparent}.theme-control-content[data-astro-cid-nfv7xxx5]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.panel-header[data-astro-cid-nfv7xxx5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.panel-title[data-astro-cid-nfv7xxx5]{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.close-btn[data-astro-cid-nfv7xxx5]{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:0.5rem;color:hsl(var(--muted-foreground));transition:all 0.2s;background:transparent;border:none;cursor:pointer}.close-btn[data-astro-cid-nfv7xxx5]:hover{background:hsl(var(--muted) / 0.5);color:hsl(var(--foreground))}.font-grid[data-astro-cid-nfv7xxx5]{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.font-btn[data-astro-cid-nfv7xxx5]{display:flex;flex-direction:column;align-items:flex-start;gap:0.4rem;width:100%;padding:0.85rem 0.9rem;background:hsl(var(--background) / 0.5);border:1.5px solid hsl(var(--border) / 0.4);border-radius:0.75rem;color:hsl(var(--foreground));cursor:pointer;transition:all 0.2s ease;text-align:start}.font-btn[data-astro-cid-nfv7xxx5]:hover{background:hsl(var(--background));border-color:hsl(var(--border));transform:translateY(-1px)}.font-btn[data-astro-cid-nfv7xxx5].active{border-color:hsl(var(--primary));background:hsl(var(--primary) / 0.1);box-shadow:0 4px 14px -6px hsl(var(--primary) / 0.6);color:hsl(var(--primary))}.font-sample[data-astro-cid-nfv7xxx5]{font-size:1.25rem;font-weight:600;letter-spacing:0.02em;color:hsl(var(--foreground))}.font-btn[data-astro-cid-nfv7xxx5].active .font-sample[data-astro-cid-nfv7xxx5]{color:hsl(var(--primary))}.font-meta[data-astro-cid-nfv7xxx5]{display:flex;flex-direction:column;gap:0.125rem}.font-name[data-astro-cid-nfv7xxx5]{font-size:0.813rem;font-weight:600}.font-english[data-astro-cid-nfv7xxx5]{font-size:0.688rem;color:hsl(var(--muted-foreground))}.font-btn[data-astro-cid-nfv7xxx5].active .font-english[data-astro-cid-nfv7xxx5]{color:hsl(var(--primary))}.font-hint[data-astro-cid-nfv7xxx5]{margin-top:0.75rem;font-size:0.75rem;color:hsl(var(--muted-foreground))}.control-section[data-astro-cid-nfv7xxx5]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsl(var(--border) / 0.5)}.control-section[data-astro-cid-nfv7xxx5]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-label[data-astro-cid-nfv7xxx5]{display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:hsl(var(--muted-foreground));margin-bottom:0.75rem}.section-label-with-action[data-astro-cid-nfv7xxx5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem}.section-label-with-action[data-astro-cid-nfv7xxx5] .section-label[data-astro-cid-nfv7xxx5]{margin-bottom:0}.reset-btn[data-astro-cid-nfv7xxx5]{display:flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem;font-size:0.688rem;font-weight:500;color:hsl(var(--muted-foreground));background:hsl(var(--background) / 0.5);border:1px solid hsl(var(--border) / 0.5);border-radius:0.5rem;cursor:pointer;transition:all 0.2s}.reset-btn[data-astro-cid-nfv7xxx5]:hover{color:hsl(var(--foreground));background:hsl(var(--background));border-color:hsl(var(--border))}.reset-btn[data-astro-cid-nfv7xxx5] svg[data-astro-cid-nfv7xxx5]{flex-shrink:0}.badge-dark-only[data-astro-cid-nfv7xxx5]{font-size:0.625rem;padding:0.125rem 0.5rem;background:hsl(var(--muted));border-radius:9999px;color:hsl(var(--muted-foreground) / 0.8);font-weight:500}.badge-experimental[data-astro-cid-nfv7xxx5]{font-size:0.625rem;padding:0.125rem 0.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:9999px;color:white;font-weight:600;box-shadow:0 2px 4px rgba(102,126,234,0.3);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.85;transform:scale(0.98)}}.theme-mode-grid[data-astro-cid-nfv7xxx5]{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}.mode-btn[data-astro-cid-nfv7xxx5]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:0.75rem 0.5rem;background:hsl(var(--background) / 0.5);border:1.5px solid hsl(var(--border) / 0.5);border-radius:0.75rem;font-size:0.75rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:all 0.2s}.mode-btn[data-astro-cid-nfv7xxx5]:hover{background:hsl(var(--background));border-color:hsl(var(--border));color:hsl(var(--foreground))}.mode-btn[data-astro-cid-nfv7xxx5].active{background:hsl(var(--primary) / 0.1);border-color:hsl(var(--primary));color:hsl(var(--primary))}.toggle-switch[data-astro-cid-nfv7xxx5]{display:flex;align-items:center;gap:0.75rem;cursor:pointer}.toggle-switch[data-astro-cid-nfv7xxx5] input[data-astro-cid-nfv7xxx5][type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-slider[data-astro-cid-nfv7xxx5]{position:relative;width:2.5rem;height:1.25rem;background:hsl(var(--muted));border-radius:9999px;transition:background 0.2s}.toggle-slider[data-astro-cid-nfv7xxx5]::before{content:"";position:absolute;top:0.125rem;left:0.125rem;width:1rem;height:1rem;background:white;border-radius:50%;transition:transform 0.2s;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.toggle-switch[data-astro-cid-nfv7xxx5] input[data-astro-cid-nfv7xxx5]:checked+.toggle-slider[data-astro-cid-nfv7xxx5]{background:hsl(var(--primary))}.toggle-switch[data-astro-cid-nfv7xxx5] input[data-astro-cid-nfv7xxx5]:checked+.toggle-slider[data-astro-cid-nfv7xxx5]::before{transform:translateX(1.25rem)}.toggle-label[data-astro-cid-nfv7xxx5]{font-size:0.875rem;color:hsl(var(--foreground))}.control-hint[data-astro-cid-nfv7xxx5]{margin-top:0.75rem;font-size:0.75rem;line-height:1.5;color:hsl(var(--muted-foreground))}.color-preview[data-astro-cid-nfv7xxx5]{width:1.25rem;height:1.25rem;border-radius:50%;background:hsl(var(--primary));border:2px solid hsl(var(--border))}.preset-colors[data-astro-cid-nfv7xxx5]{display:grid;grid-template-columns:repeat(8,1fr);gap:0.5rem}.preset-btn[data-astro-cid-nfv7xxx5]{width:100%;aspect-ratio:1;background:var(--preset-color);border:2px solid hsl(var(--border) / 0.5);border-radius:0.75rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;color:white;position:relative}.preset-btn[data-astro-cid-nfv7xxx5]:hover{transform:scale(1.1);border-color:hsl(var(--primary));box-shadow:0 4px 12px rgba(0,0,0,0.15)}.preset-btn[data-astro-cid-nfv7xxx5] svg[data-astro-cid-nfv7xxx5]{opacity:0;transition:opacity 0.2s}.preset-btn[data-astro-cid-nfv7xxx5].preset-default svg[data-astro-cid-nfv7xxx5]{opacity:0.8;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.preset-btn[data-astro-cid-nfv7xxx5].preset-custom{background:hsl(var(--primary));position:relative}.preset-btn[data-astro-cid-nfv7xxx5].preset-custom svg[data-astro-cid-nfv7xxx5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;color:hsl(var(--primary-foreground));filter:none;z-index:1}.hidden-color-input[data-astro-cid-nfv7xxx5]{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.pattern-grid[data-astro-cid-nfv7xxx5]{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem}.pattern-btn[data-astro-cid-nfv7xxx5]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:0.75rem 0.5rem;background:hsl(var(--background));border:2px solid hsl(var(--border) / 0.5);border-radius:0.75rem;cursor:pointer;transition:all 0.2s}.pattern-btn[data-astro-cid-nfv7xxx5]:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / 0.05)}.pattern-btn[data-astro-cid-nfv7xxx5].active{border-color:hsl(var(--primary));background:hsl(var(--primary) / 0.1)}.pattern-preview[data-astro-cid-nfv7xxx5]{width:2rem;height:2rem;border-radius:0.375rem;background:hsl(var(--muted))}.pattern-dots[data-astro-cid-nfv7xxx5]{background-image:radial-gradient(circle,hsl(var(--foreground) / 0.3) 1px,transparent 1px);background-size:8px 8px}.pattern-grid-preview[data-astro-cid-nfv7xxx5]{background-image:linear-gradient(hsl(var(--foreground) / 0.15) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--foreground) / 0.15) 1px,transparent 1px);background-size:10px 10px}.pattern-lines[data-astro-cid-nfv7xxx5]{background-image:linear-gradient(hsl(var(--foreground) / 0.15) 1px,transparent 1px);background-size:100% 6px}.pattern-name[data-astro-cid-nfv7xxx5]{font-size:0.75rem;color:hsl(var(--muted-foreground));font-weight:500}.preset-btn[data-astro-cid-nfv7xxx5]:hover{border-color:hsl(var(--border));transform:scale(1.1);box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1)}.preset-btn[data-astro-cid-nfv7xxx5].active{border-color:var(--preset-color);border-width:3px;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px var(--preset-color)}html:not(.dark) .starry-section[data-astro-cid-nfv7xxx5]{opacity:0.5;pointer-events:none}.starry-advanced[data-astro-cid-nfv7xxx5]{margin-top:1rem;padding:1rem;background:hsl(var(--muted) / 0.3);border-radius:0.75rem}.density-value[data-astro-cid-nfv7xxx5]{font-size:0.875rem;font-weight:600;color:hsl(var(--primary))}.starry-effects-grid[data-astro-cid-nfv7xxx5]{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:0.75rem}.effect-option[data-astro-cid-nfv7xxx5]{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));cursor:pointer;transition:all 0.2s;font-size:0.813rem}.effect-option[data-astro-cid-nfv7xxx5]:hover{background:hsl(var(--muted));border-color:hsl(var(--primary) / 0.5)}.effect-option[data-astro-cid-nfv7xxx5] input[data-astro-cid-nfv7xxx5][type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:hsl(var(--primary))}.effect-option[data-astro-cid-nfv7xxx5] input[data-astro-cid-nfv7xxx5][type=checkbox]:checked+span[data-astro-cid-nfv7xxx5]{color:hsl(var(--primary));font-weight:600}.blur-slider[data-astro-cid-nfv7xxx5]{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,hsl(var(--primary) / 0.3),hsl(var(--primary)));outline:none;-webkit-appearance:none;margin:0.5rem 0}.blur-slider[data-astro-cid-nfv7xxx5]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:hsl(var(--primary));cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-transition:all 0.2s;transition:all 0.2s}.blur-slider[data-astro-cid-nfv7xxx5]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.blur-slider[data-astro-cid-nfv7xxx5]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:hsl(var(--primary));cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-transition:all 0.2s;transition:all 0.2s}.blur-slider[data-astro-cid-nfv7xxx5]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 8px rgba(0,0,0,0.3)}@media (max-width: 640px){.theme-control-toggle[data-astro-cid-nfv7xxx5]{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem}.theme-control-toggle[data-astro-cid-nfv7xxx5].pushed-up{bottom:5.5rem}.icon-star[data-astro-cid-nfv7xxx5]{width:18px;height:18px}.theme-control-panel[data-astro-cid-nfv7xxx5]{width:95%;max-width:none;max-height:85vh}.theme-control-content[data-astro-cid-nfv7xxx5]{padding:1.25rem;max-height:calc(85vh - 2.5rem)}.font-grid[data-astro-cid-nfv7xxx5]{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}.font-btn[data-astro-cid-nfv7xxx5]{padding:0.75rem 0.75rem}.font-sample[data-astro-cid-nfv7xxx5]{font-size:1.1rem}.panel-title[data-astro-cid-nfv7xxx5]{font-size:1rem}.theme-mode-grid[data-astro-cid-nfv7xxx5]{gap:0.375rem}.mode-btn[data-astro-cid-nfv7xxx5]{padding:0.625rem 0.375rem;font-size:0.688rem}}html.site-guide-locked,body.site-guide-locked{overflow:hidden}.site-guide-overlay[data-astro-cid-kt7xyicy]{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,3rem);background:transparent;pointer-events:none;opacity:0;transition:opacity 0.25s ease}.site-guide-overlay[data-astro-cid-kt7xyicy][data-open=true]{opacity:1;pointer-events:auto}.site-guide-backdrop[data-astro-cid-kt7xyicy]{position:absolute;inset:0;background:hsl(var(--background) / 0.45);backdrop-filter:blur(28px) saturate(125%)}.site-guide-panel[data-astro-cid-kt7xyicy]{position:relative;width:min(1220px,calc(100vw - 2.5rem));max-height:min(92vh,940px);overflow-y:auto;border-radius:28px;padding:clamp(1.5rem,2vw + 1rem,2.75rem);display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.site-guide-panel[data-astro-cid-kt7xyicy]::-webkit-scrollbar{display:none}@media (max-width: 768px){.site-guide-overlay[data-astro-cid-kt7xyicy]{align-items:stretch;padding:0}.site-guide-panel[data-astro-cid-kt7xyicy]{width:100%;max-height:none;border-radius:0;box-shadow:none;backdrop-filter:blur(24px) saturate(130%)}}.site-guide-header[data-astro-cid-kt7xyicy]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.site-guide-header[data-astro-cid-kt7xyicy] h2[data-astro-cid-kt7xyicy]{font-size:clamp(1.5rem,1.2rem + 0.8vw,2rem);font-weight:700;margin-bottom:0.25rem}.site-guide-subtitle[data-astro-cid-kt7xyicy]{color:hsl(var(--muted-foreground))}.site-guide-actions[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;gap:0.5rem}.site-guide-tabs[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;padding:0.25rem;border-radius:999px}.site-guide-tab-button[data-astro-cid-kt7xyicy]{border:none;background:transparent;padding:0.5rem 1.25rem;border-radius:999px;font-size:0.875rem;font-weight:600;cursor:pointer;color:hsl(var(--muted-foreground));transition:all 0.2s ease}.site-guide-tab-button[data-astro-cid-kt7xyicy]:hover,.site-guide-tab-button[data-astro-cid-kt7xyicy]:focus-visible{color:hsl(var(--foreground));outline:none}.site-guide-tab-button[data-astro-cid-kt7xyicy].active{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 10px 25px rgb(0 0 0 / 0.08)}.site-guide-panel-groups[data-astro-cid-kt7xyicy]{position:relative}.site-guide-panel-group[data-astro-cid-kt7xyicy][hidden]{display:none}.site-guide-theme-panel[data-astro-cid-kt7xyicy]{padding:1.5rem;border-radius:1.25rem}.layout-button[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;gap:0.45rem;border-radius:999px;border:1px solid hsl(var(--border) / 0.6);background:hsl(var(--muted) / 0.4);color:hsl(var(--muted-foreground));padding:0.45rem 0.95rem;font-size:0.85rem;font-weight:600;transition:background 0.2s ease,color 0.2s ease,border 0.2s ease,box-shadow 0.2s ease}.layout-button[data-astro-cid-kt7xyicy] svg[data-astro-cid-kt7xyicy]{width:1.1rem;height:1.1rem;fill:currentColor}.layout-button__text[data-astro-cid-kt7xyicy]{white-space:nowrap}.layout-button[data-astro-cid-kt7xyicy]:hover{background:hsl(var(--primary) / 0.08);color:hsl(var(--primary));border-color:hsl(var(--primary) / 0.5)}.layout-button[data-astro-cid-kt7xyicy]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}站点导览[data-astro-cid-kt7xyicy] .layout-button[data-astro-cid-kt7xyicy].active{background:hsl(var(--primary) / 0.15);color:hsl(var(--primary));border-color:hsl(var(--primary) / 0.6);box-shadow:0 10px 26px hsl(var(--primary) / 0.25)}@media (max-width: 640px){.layout-button[data-astro-cid-kt7xyicy]{padding:0.45rem 0.6rem}.layout-button__text[data-astro-cid-kt7xyicy]{display:none}}.close-button[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid hsl(var(--border) / 0.6);background:hsl(var(--muted) / 0.4);color:hsl(var(--muted-foreground));width:2.5rem;height:2.5rem;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;box-shadow:0 1px 2px hsl(var(--foreground) / 0.08)}.close-button[data-astro-cid-kt7xyicy]:hover{background:hsl(var(--primary) / 0.1);color:hsl(var(--primary));border-color:hsl(var(--primary) / 0.4);box-shadow:0 10px 24px hsl(var(--primary) / 0.18)}.close-button[data-astro-cid-kt7xyicy]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.close-button[data-astro-cid-kt7xyicy] svg[data-astro-cid-kt7xyicy]{width:1.25rem;height:1.25rem;display:block;fill:currentColor}html.dark .site-guide-overlay[data-astro-cid-kt7xyicy] .close-button[data-astro-cid-kt7xyicy]{background:hsl(var(--muted) / 0.25);color:hsl(var(--muted-foreground));border-color:hsl(var(--border) / 0.45);box-shadow:0 12px 28px hsl(var(--background) / 0.45)}html.dark .site-guide-overlay[data-astro-cid-kt7xyicy] .close-button[data-astro-cid-kt7xyicy]:hover{background:hsl(var(--primary) / 0.22);color:hsl(var(--primary) / 0.95);border-color:hsl(var(--primary) / 0.55)}.site-guide-content[data-astro-cid-kt7xyicy]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.site-guide-content[data-astro-cid-kt7xyicy][data-editing=true]{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-guide-content[data-astro-cid-kt7xyicy][data-editing=true] .site-guide-card[data-astro-cid-kt7xyicy] [data-astro-cid-kt7xyicy]{pointer-events:none}.site-guide-card[data-astro-cid-kt7xyicy]{border-radius:22px;padding:1.35rem;display:flex;flex-direction:column;gap:0.75rem}.site-guide-card[data-astro-cid-kt7xyicy].is-editing{position:relative;cursor:grab;outline:1px dashed hsl(var(--primary) / 0.25);outline-offset:-1px}.site-guide-card[data-astro-cid-kt7xyicy].is-editing:hover{outline-color:hsl(var(--primary) / 0.45)}.site-guide-card[data-astro-cid-kt7xyicy].dragging{opacity:0.85;cursor:grabbing!important;outline-color:hsl(var(--primary));box-shadow:0 16px 50px hsl(var(--primary) / 0.28)}.site-guide-card[data-astro-cid-kt7xyicy].drop-target-before{box-shadow:inset 0 4px 0 hsl(var(--primary) / 0.5)}.site-guide-card[data-astro-cid-kt7xyicy].drop-target-after{box-shadow:inset 0 -4px 0 hsl(var(--primary) / 0.5)}.site-guide-calendar[data-astro-cid-kt7xyicy],.site-guide-tags[data-astro-cid-kt7xyicy]{grid-column:span 2}@media (max-width: 900px){.site-guide-calendar[data-astro-cid-kt7xyicy],.site-guide-tags[data-astro-cid-kt7xyicy]{grid-column:span 1}}.card-header[data-astro-cid-kt7xyicy]{display:flex;justify-content:space-between;align-items:center;gap:0.5rem}.card-header[data-astro-cid-kt7xyicy] h3[data-astro-cid-kt7xyicy]{font-size:1.1rem;font-weight:600}.calendar-controls[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;gap:0.4rem;font-weight:500}.calendar-controls[data-astro-cid-kt7xyicy] button[data-astro-cid-kt7xyicy]{width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid hsl(var(--border) / 0.6);background:hsl(var(--background));color:hsl(var(--muted-foreground));transition:background 0.2s ease,color 0.2s ease}.calendar-controls[data-astro-cid-kt7xyicy] button[data-astro-cid-kt7xyicy]:hover{background:hsl(var(--primary) / 0.1);color:hsl(var(--primary))}.calendar-body[data-astro-cid-kt7xyicy]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1rem}@media (max-width: 900px){.calendar-body[data-astro-cid-kt7xyicy]{grid-template-columns:1fr}}.calendar-grid-wrapper[data-astro-cid-kt7xyicy]{padding:0.85rem;border-radius:20px;display:flex;flex-direction:column;gap:0.65rem}.calendar-grid[data-astro-cid-kt7xyicy]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0.4rem;text-align:center}.calendar-grid[data-astro-cid-kt7xyicy] .weekday[data-astro-cid-kt7xyicy]{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:hsl(var(--muted-foreground))}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy]{position:relative;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid hsl(var(--border) / 0.45);background:hsl(var(--background) / 0.18);backdrop-filter:blur(12px) saturate(125%);color:hsl(var(--foreground));font-weight:600;font-size:0.95rem;cursor:pointer;transition:transform 0.18s ease,border 0.18s ease,box-shadow 0.2s ease,background 0.2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0.45rem 0.3rem}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy]:hover{transform:translateY(-1px);border-color:hsl(var(--primary));box-shadow:0 12px 28px hsl(var(--primary) / 0.16)}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy]:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy].today:not(.selected){border-color:hsl(var(--primary) / 0.65);color:hsl(var(--primary));box-shadow:inset 0 0 0 1px hsl(var(--primary) / 0.25)}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy].selected{border-color:hsl(var(--primary));background:linear-gradient(150deg,hsl(var(--primary) / 0.25),hsl(var(--primary) / 0.08));color:hsl(var(--primary));box-shadow:0 12px 30px hsl(var(--primary) / 0.24)}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy].has-events:not(.selected){background:linear-gradient(160deg,hsl(var(--background)),hsl(var(--primary) / 0.12))}.calendar-grid[data-astro-cid-kt7xyicy] .day__badge[data-astro-cid-kt7xyicy]{position:absolute;top:0.35rem;right:0.4rem;border-radius:999px;padding:0.05rem 0.4rem;font-size:0.68rem;font-weight:600;color:hsl(var(--primary));background:hsl(var(--primary) / 0.18)}.calendar-grid[data-astro-cid-kt7xyicy] .day[data-astro-cid-kt7xyicy].empty{border-style:dashed;border-color:hsl(var(--border) / 0.4);background:transparent;color:hsl(var(--muted-foreground));cursor:default}.calendar-events[data-astro-cid-kt7xyicy]{display:flex;flex-direction:column;border-radius:20px;padding:0.95rem;gap:0.75rem}.calendar-events__header[data-astro-cid-kt7xyicy]{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.calendar-events__label[data-astro-cid-kt7xyicy]{font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:0.2rem}.calendar-events__date[data-astro-cid-kt7xyicy]{font-size:1.05rem;font-weight:600}.calendar-events__count[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0.25rem 0.75rem;background:hsl(var(--primary) / 0.12);color:hsl(var(--primary));font-weight:600;font-size:0.78rem}.calendar-events__list[data-astro-cid-kt7xyicy]{display:flex;flex-direction:column;gap:0.65rem;max-height:14.5rem;overflow-y:auto;padding-right:0.35rem}@media (max-width: 900px){.calendar-events[data-astro-cid-kt7xyicy]{padding:0.85rem}.calendar-events__list[data-astro-cid-kt7xyicy]{max-height:none}}.calendar-events__list[data-astro-cid-kt7xyicy]::-webkit-scrollbar{width:6px}.calendar-events__list[data-astro-cid-kt7xyicy]::-webkit-scrollbar-thumb{border-radius:999px;background:hsl(var(--border) / 0.5)}.calendar-events__empty[data-astro-cid-kt7xyicy]{font-size:0.9rem;color:hsl(var(--muted-foreground))}.calendar-event[data-astro-cid-kt7xyicy]{position:relative;display:flex;flex-direction:column;gap:0.35rem;padding:0.65rem 0.75rem 0.65rem 1.4rem;border-radius:18px;border:1px solid hsl(var(--border) / 0.45);background:hsl(var(--background) / 0.14);backdrop-filter:blur(16px) saturate(130%);text-decoration:none;color:inherit;transition:transform 0.18s ease,border 0.18s ease,box-shadow 0.2s ease}.calendar-event[data-astro-cid-kt7xyicy]:hover{transform:translateY(-1px);border-color:hsl(var(--primary));box-shadow:0 14px 30px hsl(var(--primary) / 0.18)}.calendar-event__marker[data-astro-cid-kt7xyicy]{position:absolute;left:0.55rem;top:0.8rem;width:0.5rem;height:0.5rem;border-radius:999px;background:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / 0.15)}.calendar-event__meta[data-astro-cid-kt7xyicy]{display:flex;align-items:center;gap:0.45rem;font-size:0.78rem;color:hsl(var(--muted-foreground));letter-spacing:0.04em;text-transform:uppercase}.calendar-event__time[data-astro-cid-kt7xyicy]{font-weight:600;color:hsl(var(--foreground))}.calendar-event__tag[data-astro-cid-kt7xyicy]{border-radius:999px;padding:0.15rem 0.5rem;background:hsl(var(--primary) / 0.18);color:hsl(var(--primary));font-size:0.72rem;letter-spacing:0;text-transform:none}.calendar-event__title[data-astro-cid-kt7xyicy]{font-weight:600;font-size:0.95rem;line-height:1.45}.calendar-event__summary[data-astro-cid-kt7xyicy]{font-size:0.86rem;color:hsl(var(--muted-foreground));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-event[data-astro-cid-kt7xyicy][data-type=album] .calendar-event__marker[data-astro-cid-kt7xyicy],.calendar-event[data-astro-cid-kt7xyicy][data-type=album] .calendar-event__tag[data-astro-cid-kt7xyicy]{background:rgba(245,158,11,0.22);color:#f59e0b}.calendar-event[data-astro-cid-kt7xyicy][data-type=album] .calendar-event__marker[data-astro-cid-kt7xyicy]{box-shadow:0 0 0 4px rgba(245,158,11,0.18)}.calendar-event[data-astro-cid-kt7xyicy][data-type=photo] .calendar-event__marker[data-astro-cid-kt7xyicy],.calendar-event[data-astro-cid-kt7xyicy][data-type=photo] .calendar-event__tag[data-astro-cid-kt7xyicy]{background:rgba(20,184,166,0.22);color:#0f766e}.calendar-event[data-astro-cid-kt7xyicy][data-type=photo] .calendar-event__marker[data-astro-cid-kt7xyicy]{box-shadow:0 0 0 4px rgba(20,184,166,0.17)}.calendar-event[data-astro-cid-kt7xyicy][data-type=moment] .calendar-event__marker[data-astro-cid-kt7xyicy],.calendar-event[data-astro-cid-kt7xyicy][data-type=moment] .calendar-event__tag[data-astro-cid-kt7xyicy]{background:rgba(99,102,241,0.22);color:#4c51bf}.calendar-event[data-astro-cid-kt7xyicy][data-type=moment] .calendar-event__marker[data-astro-cid-kt7xyicy]{box-shadow:0 0 0 4px rgba(99,102,241,0.16)}.calendar-event[data-astro-cid-kt7xyicy][data-type=memo] .calendar-event__marker[data-astro-cid-kt7xyicy],.calendar-event[data-astro-cid-kt7xyicy][data-type=memo] .calendar-event__tag[data-astro-cid-kt7xyicy]{background:rgba(239,68,68,0.22);color:#dc2626}.calendar-event[data-astro-cid-kt7xyicy][data-type=memo] .calendar-event__marker[data-astro-cid-kt7xyicy]{box-shadow:0 0 0 4px rgba(239,68,68,0.17)}.timeline[data-astro-cid-kt7xyicy]{position:relative;display:flex;flex-direction:column;gap:0.6rem;padding-left:1.35rem}.timeline[data-astro-cid-kt7xyicy]::before{content:"";position:absolute;left:0.35rem;top:0.45rem;bottom:0.45rem;width:1px;background:hsl(var(--border) / 0.6)}.timeline-item[data-astro-cid-kt7xyicy]{position:relative;display:flex;align-items:flex-start;gap:0.65rem;text-decoration:none;color:inherit;min-height:2.1rem}.timeline-item[data-astro-cid-kt7xyicy]:hover .timeline-item__title[data-astro-cid-kt7xyicy]{color:hsl(var(--primary))}.timeline-item__dot[data-astro-cid-kt7xyicy]{position:absolute;left:-0.95rem;top:0.6rem;width:0.5rem;height:0.5rem;border-radius:999px;background:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / 0.18)}.timeline-item__date[data-astro-cid-kt7xyicy]{font-size:0.82rem;font-weight:600;color:hsl(var(--muted-foreground));min-width:3.1rem}.timeline-item__title[data-astro-cid-kt7xyicy]{flex:1;font-size:0.92rem;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item__author[data-astro-cid-kt7xyicy]{font-weight:600;color:hsl(var(--foreground))}.timeline-item__excerpt[data-astro-cid-kt7xyicy]{color:hsl(var(--muted-foreground))}.timeline--posts[data-astro-cid-kt7xyicy] .timeline-item__dot[data-astro-cid-kt7xyicy]{background:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / 0.18)}.timeline--comments[data-astro-cid-kt7xyicy]{max-height:15rem;overflow-y:auto;padding-right:0.4rem;scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 720px){.timeline--comments[data-astro-cid-kt7xyicy]{max-height:none}}.timeline--comments[data-astro-cid-kt7xyicy] .timeline-item__dot[data-astro-cid-kt7xyicy]{background:rgba(99,102,241,0.95);box-shadow:0 0 0 4px rgba(99,102,241,0.18)}.timeline--comments[data-astro-cid-kt7xyicy]::-webkit-scrollbar{display:none}.timeline-empty[data-astro-cid-kt7xyicy]{font-size:0.88rem;color:hsl(var(--muted-foreground))}.tag-list[data-astro-cid-kt7xyicy]{display:flex;flex-wrap:wrap;gap:0.5rem}.tag-list[data-astro-cid-kt7xyicy] li[data-astro-cid-kt7xyicy] a[data-astro-cid-kt7xyicy]{display:inline-flex;align-items:center;gap:0.4rem;border-radius:999px;padding:0.45rem 0.85rem;background:hsl(var(--background) / 0.14);backdrop-filter:blur(14px) saturate(130%);border:1px solid hsl(var(--border) / 0.35);transition:border 0.2s ease,transform 0.2s ease}.tag-list[data-astro-cid-kt7xyicy] li[data-astro-cid-kt7xyicy] a[data-astro-cid-kt7xyicy]:hover{border-color:hsl(var(--primary));transform:translateY(-1px)}.tag-count[data-astro-cid-kt7xyicy]{font-size:0.85rem;color:hsl(var(--muted-foreground))}.big-number[data-astro-cid-kt7xyicy]{font-size:clamp(2.2rem,1.5rem + 2vw,2.8rem);font-weight:700}.muted[data-astro-cid-kt7xyicy]{color:hsl(var(--muted-foreground));font-size:0.85rem}.progress[data-astro-cid-kt7xyicy]{display:flex;flex-direction:column;gap:0.8rem}.progress-bar[data-astro-cid-kt7xyicy]{width:100%;height:0.75rem;border-radius:999px;background:hsl(var(--background));border:1px solid hsl(var(--border) / 0.4);overflow:hidden}.progress-fill[data-astro-cid-kt7xyicy]{width:0%;height:100%;position:relative;background:hsl(var(--primary));border-radius:inherit;overflow:hidden;transition:width 0.6s ease}.progress-stats[data-astro-cid-kt7xyicy]{display:flex;flex-wrap:wrap;gap:0.6rem 1.2rem;color:hsl(var(--muted-foreground));font-size:0.9rem}.site-guide-card--pact[data-astro-cid-kt7xyicy]{position:relative;overflow:hidden;background:linear-gradient(145deg,hsl(var(--background)),hsl(var(--primary) / 0.12));border:1px solid hsl(var(--primary) / 0.35)}.site-guide-card--pact[data-astro-cid-kt7xyicy]::before,.site-guide-card--pact[data-astro-cid-kt7xyicy]::after{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,hsl(var(--primary) / 0.22),transparent 65%);filter:blur(70px);opacity:0.55;animation:pactAurora 14s linear infinite;pointer-events:none}.site-guide-card--pact[data-astro-cid-kt7xyicy]::after{animation-direction:reverse;animation-duration:18s;opacity:0.35}.site-guide-card--pact[data-astro-cid-kt7xyicy]>[data-astro-cid-kt7xyicy]{position:relative;z-index:1}.site-guide-card--pact[data-astro-cid-kt7xyicy] .progress-bar[data-astro-cid-kt7xyicy]{background:hsl(var(--background) / 0.6);border:1px solid hsl(var(--primary) / 0.3);box-shadow:inset 0 0 0 1px hsl(var(--background) / 0.6)}.site-guide-card--pact[data-astro-cid-kt7xyicy] .progress-fill[data-astro-cid-kt7xyicy]{background:linear-gradient(90deg,color-mix(in srgb,hsl(var(--primary)) 70%,white 30%),color-mix(in srgb,hsl(var(--primary)) 55%,#8b5cf6 45%),color-mix(in srgb,hsl(var(--primary)) 65%,#f97316 35%))}@supports not (color-mix(in srgb,red 50%,white 50%)){.site-guide-card--pact[data-astro-cid-kt7xyicy] .progress-fill[data-astro-cid-kt7xyicy]{background:linear-gradient(90deg,hsl(var(--primary)),#8b5cf6,#f97316)}}.site-guide-card--pact[data-astro-cid-kt7xyicy] .progress-fill[data-astro-cid-kt7xyicy]::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.5) 45%,transparent 80%);mix-blend-mode:screen;animation:pactShimmer 3.4s ease-in-out infinite;opacity:0.65}.site-guide-card--pact[data-astro-cid-kt7xyicy] .progress-stats[data-astro-cid-kt7xyicy]{background:hsl(var(--background) / 0.55);border:1px solid hsl(var(--border) / 0.4);border-radius:15px;padding:0.75rem 0.9rem;box-shadow:inset 0 1px 0 hsl(var(--background) / 0.5)}@keyframes pactAurora{to{transform:rotate(360deg)}}@keyframes pactShimmer{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}.site-guide-message[data-astro-cid-kt7xyicy]{grid-column:span 2}@media (max-width: 900px){.site-guide-message[data-astro-cid-kt7xyicy]{grid-column:span 1}}.btn-primary[data-astro-cid-kt7xyicy]{padding:0.45rem 0.85rem;border-radius:999px;background:hsl(var(--primary) / 0.12);color:hsl(var(--primary));border:1px solid transparent;font-size:0.9rem;transition:background 0.2s ease,transform 0.2s ease}.btn-primary[data-astro-cid-kt7xyicy]:hover{transform:translateY(-1px);background:hsl(var(--primary) / 0.2)}.comment-wrapper[data-astro-cid-kt7xyicy]{margin-top:0.5rem}.empty[data-astro-cid-kt7xyicy]{color:hsl(var(--muted-foreground))}@media (max-width: 720px){.site-guide-overlay[data-astro-cid-kt7xyicy]{padding-top:3rem}.site-guide-panel[data-astro-cid-kt7xyicy]{padding:1.25rem;max-height:calc(100vh - 3.5rem)}.site-guide-header[data-astro-cid-kt7xyicy]{flex-direction:column;align-items:flex-start}}#universe[data-astro-cid-dywf6ckx]{display:block;position:fixed;margin:0;padding:0;border:0;outline:0;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:0;transition:opacity 0.5s ease-in-out}html.dark #universe[data-astro-cid-dywf6ckx]{opacity:1}#universe[data-astro-cid-dywf6ckx].starry-hidden{opacity:0!important}header-component[data-astro-cid-qlfjksao].not-top{box-shadow:rgb(255,255,255) 0px 0px 0px 0px,rgba(24,24,27,0.08) 0px 0px 0px 1px,rgba(39,39,42,0.08) 0px 10px 15px -3px,rgba(39,39,42,0.08) 0px 4px 6px -4px}header-component[data-astro-cid-qlfjksao][data-show=false]:not(.expanded){transform:translateY(-5rem)}@media (min-width: 800px){header-component[data-astro-cid-qlfjksao].not-top{width:80%}}@media (min-width: 768px) and (max-width: 1024px){#headerExpandConetent[data-astro-cid-qlfjksao]{grid-template-rows:0fr;overflow:hidden}.expanded[data-astro-cid-qlfjksao] #headerExpandConetent[data-astro-cid-qlfjksao]{grid-template-rows:1fr}.expanded[data-astro-cid-qlfjksao].not-top #headerExpandConetent[data-astro-cid-qlfjksao]{box-shadow:rgb(255,255,255) 0px 0px 0px 0px,rgba(24,24,27,0.08) 0px 0px 0px 1px,rgba(39,39,42,0.08) 0px 10px 15px -3px,rgba(39,39,42,0.08) 0px 4px 6px -4px}}@media (max-width: 767px){#headerExpandConetent[data-astro-cid-qlfjksao]{display:none}}@media (min-width: 768px){#headerExpandConetent[data-astro-cid-qlfjksao] a[data-astro-cid-qlfjksao][data-menu-label=Home]{display:none}}#toggleDarkMode[data-astro-cid-qlfjksao]{&[data-theme=dark]{& .system[data-astro-cid-qlfjksao]{display:none}& .dark[data-astro-cid-qlfjksao]{display:block}}&[data-theme=light]{& .system[data-astro-cid-qlfjksao]{display:none}.light {display: block;}}}@media (min-width: 1025px){.mobile-sidebar[data-astro-cid-grpll44g]{display:none!important}}.mobile-sidebar[data-astro-cid-grpll44g]{position:fixed;inset:0;z-index:9999;display:none;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.mobile-sidebar[data-astro-cid-grpll44g][data-open=true]{display:block}.mobile-sidebar__backdrop[data-astro-cid-grpll44g]{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.mobile-sidebar__content[data-astro-cid-grpll44g]{position:relative;display:flex;height:100%;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow:hidden}.mobile-sidebar__nav[data-astro-cid-grpll44g]{width:68px;background:hsl(var(--background));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;align-items:center;padding:calc(1rem + env(safe-area-inset-top,0px)) 0 calc(1rem + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:slideInFromLeft 0.4s cubic-bezier(0.4,0,0.2,1);scrollbar-width:none;-ms-overflow-style:none}.mobile-sidebar__nav[data-astro-cid-grpll44g]::-webkit-scrollbar{display:none}@keyframes slideInFromLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.mobile-sidebar__nav-items[data-astro-cid-grpll44g]{padding-top:0.5rem;flex:1;display:flex;flex-direction:column;gap:0.5rem;width:100%;padding:0 0.5rem}.mobile-sidebar__nav-item[data-astro-cid-grpll44g]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;padding:0.75rem 0.5rem;border-radius:12px;color:hsl(var(--muted-foreground));text-decoration:none;transition:all 0.2s;background:transparent;border:none;cursor:pointer}.mobile-sidebar__nav-item[data-astro-cid-grpll44g]:hover,.mobile-sidebar__nav-item[data-astro-cid-grpll44g]:focus-visible{background:hsl(var(--accent));color:hsl(var(--foreground))}.mobile-sidebar__nav-item[data-astro-cid-grpll44g].active{background:hsl(var(--primary) / 0.1);color:hsl(var(--primary))}.mobile-sidebar__nav-icon[data-astro-cid-grpll44g]{width:24px;height:24px;flex-shrink:0}.mobile-sidebar__nav-emoji[data-astro-cid-grpll44g]{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:currentColor;font-weight:400}.mobile-sidebar__nav-label[data-astro-cid-grpll44g]{font-size:0.625rem;font-weight:500;text-align:center;line-height:1}.mobile-sidebar__nav-footer[data-astro-cid-grpll44g]{display:flex;flex-direction:column;gap:0.5rem;width:100%;padding:0 0.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.mobile-sidebar__profile[data-astro-cid-grpll44g]{flex:1;background:hsl(var(--background));display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:slideInFromRight 0.4s cubic-bezier(0.4,0,0.2,1);scrollbar-width:none;-ms-overflow-style:none}.mobile-sidebar__profile[data-astro-cid-grpll44g]::-webkit-scrollbar{display:none}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.profile-header[data-astro-cid-grpll44g]{position:relative;flex-shrink:0}.profile-cover[data-astro-cid-grpll44g]{width:100%;height:140px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center;position:relative;overflow:hidden}.profile-cover[data-astro-cid-grpll44g]::after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 0.5s ease}.profile-cover[data-astro-cid-grpll44g].loaded::after{opacity:1}.profile-avatar[data-astro-cid-grpll44g]{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;border:4px solid hsl(var(--background));overflow:hidden;background:hsl(var(--background));box-shadow:0 2px 8px rgba(0,0,0,0.1)}.profile-avatar[data-astro-cid-grpll44g] img[data-astro-cid-grpll44g]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-more[data-astro-cid-grpll44g]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:rgba(255,255,255,0.21);border:none;border-radius:20px;font-size:0.875rem;color:#333;font-weight:500;cursor:pointer;transition:all 0.2s;backdrop-filter:blur(8px);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.profile-more[data-astro-cid-grpll44g]:hover{background:rgba(255,255,255,0.21);transform:translateX(2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.profile-more[data-astro-cid-grpll44g] svg[data-astro-cid-grpll44g]{flex-shrink:0}.profile-info[data-astro-cid-grpll44g]{padding:52px 1.5rem 1rem;text-align:center;flex-shrink:0}.profile-name[data-astro-cid-grpll44g]{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 0.5rem}.profile-bio[data-astro-cid-grpll44g]{font-size:0.875rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.profile-stats[data-astro-cid-grpll44g]{display:flex;justify-content:space-around;padding:1.25rem 1.5rem;margin:0 1.5rem;background:hsl(var(--accent) / 0.3);border-radius:12px;flex-shrink:0}.stat-item[data-astro-cid-grpll44g]{display:flex;flex-direction:column;align-items:center;gap:0.25rem;text-decoration:none;transition:transform 0.2s}.stat-item[data-astro-cid-grpll44g]:hover{transform:translateY(-2px)}.stat-label[data-astro-cid-grpll44g]{font-size:0.875rem;color:hsl(var(--muted-foreground))}.stat-value[data-astro-cid-grpll44g]{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground))}.profile-social[data-astro-cid-grpll44g]{padding:1.5rem 1.5rem 1rem;flex-shrink:0}.section-title[data-astro-cid-grpll44g]{font-size:1.125rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 1rem}.section-subtitle[data-astro-cid-grpll44g]{font-size:0.875rem;font-weight:400;color:hsl(var(--muted-foreground));margin-left:0.25rem}.social-links[data-astro-cid-grpll44g]{display:flex;gap:1rem;padding:1rem;background:hsl(var(--accent) / 0.3);border-radius:12px}.social-link[data-astro-cid-grpll44g]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:hsl(var(--background));color:hsl(var(--foreground));transition:all 0.2s;text-decoration:none}.social-link[data-astro-cid-grpll44g]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.profile-notes[data-astro-cid-grpll44g]{padding:1.25rem 1.5rem 1.5rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:0.75rem}.mobile-feed__header[data-astro-cid-grpll44g]{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem}.mobile-feed__info[data-astro-cid-grpll44g]{display:flex;flex-direction:column;gap:0.25rem}.mobile-feed__subtitle[data-astro-cid-grpll44g]{margin:0;font-size:0.8125rem;color:hsl(var(--muted-foreground))}.mobile-feed__subtitle[data-astro-cid-grpll44g] a[data-astro-cid-grpll44g]{color:inherit;text-decoration:underline;text-decoration-color:hsl(var(--border))}.mobile-feed__actions[data-astro-cid-grpll44g]{display:flex;align-items:center;gap:0.5rem}.mobile-feed__refresh[data-astro-cid-grpll44g]{width:36px;height:36px;border-radius:50%;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.2s}.mobile-feed__refresh[data-astro-cid-grpll44g]:hover{background:hsl(var(--accent));border-color:transparent}.mobile-feed__refresh[data-astro-cid-grpll44g][data-loading=true] svg[data-astro-cid-grpll44g]{animation:rotate 0.9s linear infinite}.mobile-feed__more-link[data-astro-cid-grpll44g]{font-size:0.875rem;color:hsl(var(--primary));font-weight:600;text-decoration:none}.mobile-feed__status[data-astro-cid-grpll44g]{font-size:0.8125rem;color:hsl(var(--muted-foreground))}.mobile-feed__list[data-astro-cid-grpll44g]{flex:1;display:flex;flex-direction:column;gap:0.35rem}.mobile-feed__list[data-astro-cid-grpll44g] .twitter-feed[data-astro-cid-grpll44g]{background:hsl(var(--accent) / 0.3);border:1px solid hsl(var(--border));border-radius:16px;max-height:420px;overflow-y:auto;padding:0.25rem 0;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-feed__list[data-astro-cid-grpll44g] .twitter-feed[data-astro-cid-grpll44g]::-webkit-scrollbar{width:6px}.mobile-feed__list[data-astro-cid-grpll44g] .twitter-feed[data-astro-cid-grpll44g]::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}.mobile-feed__more[data-astro-cid-grpll44g]{font-size:0.875rem;color:hsl(var(--primary));text-decoration:none;text-align:center;padding:0.25rem 0.5rem;border-radius:999px;align-self:center}.feed-loading[data-astro-cid-grpll44g]{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1.25rem;font-size:0.875rem;color:hsl(var(--muted-foreground))}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s[data-astro-cid-grpll44g]{display:flex;flex-direction:column;align-items:stretch}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__header[data-astro-cid-grpll44g]{padding:1rem 1.1rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--accent) / 0.5)}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__date[data-astro-cid-grpll44g]{font-size:0.875rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:0.25rem}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__tip[data-astro-cid-grpll44g]{font-size:0.75rem;color:hsl(var(--muted-foreground))}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__list[data-astro-cid-grpll44g]{padding:0.5rem 0}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__item[data-astro-cid-grpll44g]{display:flex;gap:0.75rem;padding:0.75rem 1.1rem;border-bottom:1px solid hsl(var(--border));transition:background 0.2s}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__item[data-astro-cid-grpll44g]:last-child{border-bottom:none}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__item[data-astro-cid-grpll44g]:hover{background:hsl(var(--accent) / 0.3)}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__number[data-astro-cid-grpll44g]{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:hsl(var(--primary) / 0.1);color:hsl(var(--primary));display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__content[data-astro-cid-grpll44g]{flex:1;min-width:0;font-size:0.875rem;line-height:1.6;color:hsl(var(--foreground))}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__weiyu[data-astro-cid-grpll44g]{padding:1rem 1.1rem;background:hsl(var(--accent) / 0.3);border-top:1px solid hsl(var(--border));font-size:0.875rem;line-height:1.6;color:hsl(var(--muted-foreground));font-style:italic}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__image[data-astro-cid-grpll44g]{width:100%;border-radius:12px;margin-top:0.5rem;overflow:hidden}.mobile-sidebar[data-astro-cid-grpll44g] .news-60s__image[data-astro-cid-grpll44g] img[data-astro-cid-grpll44g]{width:100%;height:auto;display:block}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-spin[data-astro-cid-grpll44g]{animation:rotate 0.8s linear infinite}@media (min-width: 640px){.mobile-sidebar__nav[data-astro-cid-grpll44g]{width:88px}.mobile-sidebar__nav-icon[data-astro-cid-grpll44g]{width:26px;height:26px}.mobile-sidebar__nav-emoji[data-astro-cid-grpll44g]{font-size:22px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.mobile-sidebar__content[data-astro-cid-grpll44g]{max-width:85vw;margin-left:auto;box-shadow:-4px 0 24px rgba(0,0,0,0.15)}.mobile-sidebar__nav[data-astro-cid-grpll44g]{width:100px}.mobile-sidebar__feed[data-astro-cid-grpll44g]{max-width:600px}}@media (max-width: 374px){.mobile-sidebar__nav[data-astro-cid-grpll44g]{width:60px}.mobile-sidebar__nav-icon[data-astro-cid-grpll44g]{width:20px;height:20px}.mobile-sidebar__nav-emoji[data-astro-cid-grpll44g]{font-size:18px}.mobile-sidebar__nav-label[data-astro-cid-grpll44g]{font-size:0.5625rem}}#sidebarThemeToggle[data-astro-cid-grpll44g] .system[data-astro-cid-grpll44g],#sidebarThemeToggle[data-astro-cid-grpll44g] .light[data-astro-cid-grpll44g],#sidebarThemeToggle[data-astro-cid-grpll44g] .dark[data-astro-cid-grpll44g]{display:none}#sidebarThemeToggle[data-astro-cid-grpll44g][data-theme=system] .system[data-astro-cid-grpll44g]{display:block}#sidebarThemeToggle[data-astro-cid-grpll44g][data-theme=dark] .dark[data-astro-cid-grpll44g]{display:block}#sidebarThemeToggle[data-astro-cid-grpll44g][data-theme=light] .light[data-astro-cid-grpll44g]{display:block}html.dark .mobile-sidebar__backdrop[data-astro-cid-grpll44g]{background:rgba(0,0,0,0.7)}html.dark .mobile-sidebar__nav[data-astro-cid-grpll44g],html.dark .mobile-sidebar__feed[data-astro-cid-grpll44g]{background:hsl(var(--background))}.mobile-sidebar__content[data-astro-cid-grpll44g],.mobile-sidebar__backdrop[data-astro-cid-grpll44g]{will-change:transform,opacity}.mobile-sidebar[data-astro-cid-grpll44g][data-open=false] .mobile-sidebar__nav[data-astro-cid-grpll44g]{animation:slideOutToLeft 0.3s cubic-bezier(0.4,0,0.6,1) forwards}.mobile-sidebar[data-astro-cid-grpll44g][data-open=false] .mobile-sidebar__profile[data-astro-cid-grpll44g]{animation:slideOutToRight 0.3s cubic-bezier(0.4,0,0.6,1) forwards}.mobile-sidebar[data-astro-cid-grpll44g][data-open=false] .mobile-sidebar__backdrop[data-astro-cid-grpll44g]{animation:fadeOut 0.3s ease forwards}@keyframes slideOutToLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes slideOutToRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@supports (-webkit-touch-callout: none){.mobile-sidebar[data-astro-cid-grpll44g],.mobile-sidebar__content[data-astro-cid-grpll44g]{height:-webkit-fill-available;min-height:-webkit-fill-available}}

@font-face {
  font-family: 'ZSFT-443';
  src:
    url('https://fontsapi.zeoseven.com/443/italic.woff2') format('woff2'),
    url('https://fontsapi-storage.zeoseven.com/443/italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'ZSFT-443';
  src:
    url('https://fontsapi.zeoseven.com/443/main.woff2') format('woff2'),
    url('https://fontsapi-storage.zeoseven.com/443/main.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-body), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
    --background: 210 33% 99%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 200 29% 45%;
    --primary-foreground: 0 0% 92.5%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95%;
    --muted-foreground: 240 3.8% 28.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 72.22% 50.59%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 88%;
    --input: 240 5.9% 90%;
    --ring: 240 5.9% 10%;
    --tw-ring-color: hsl(var(--primary) / 0.26);
    --radius: 0.5rem;
    --font-body: 'Satoshi', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  }
.dark {
    --background: 240 20.54% 5.2%;
    --foreground: 0 0% 98%;
    --card: 240 10% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 240 10% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 200 29% 45%;
    --primary-foreground: 0 0% 92.5%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 5.9% 12%;
    --muted-foreground: 240 5% 74.9%;
    --accent: 240 3.7% 15.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 3.7% 19.9%;
    --input: 240 3.7% 15.9%;
    --ring: 240 4.9% 83.9%;
    --tw-ring-color: hsl(var(--primary) / 0.32);
  }
*{
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
body{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
    font-family: var(--font-body);
    font-weight: 400;
}
a{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
a:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
html.theme-transition,
  html.theme-transition *,
  html.theme-transition *::before,
  html.theme-transition *::after {
    transition: background-color 280ms ease, color 280ms ease, border-color 280ms ease, fill 280ms ease, stroke 280ms ease, box-shadow 280ms ease;
  }
@media (prefers-reduced-motion: reduce) {
    html.theme-transition,
    html.theme-transition *,
    html.theme-transition *::before,
    html.theme-transition *::after {
      transition: none !important;
    }
  }
html[data-font='default'] {
    --font-body: 'Satoshi', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
  }
html[data-font='jyunsai'] {
    --font-body: 'JyunsaiKaai', 'Satoshi', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  }
html[data-font='huiwen'] {
    --font-body: 'Huiwen-mincho', 'Songti SC', 'Hiragino Mincho ProN', 'SimSun', 'Noto Serif SC', 'Satoshi', sans-serif;
  }
html[data-font='maple'] {
    --font-body: 'ZSFT-443', 'Maple Mono', 'JetBrains Mono', 'SFMono-Regular', 'Menlo', 'Consolas', monospace;
    --font-mono: 'ZSFT-443', 'Maple Mono', 'JetBrains Mono', 'SFMono-Regular', 'Menlo', 'Consolas', monospace;
  }
html[data-bg-pattern] body {
    background-color: hsl(var(--background));
    background-attachment: fixed;
  }
html[data-bg-pattern='dots'] body {
    background-image: radial-gradient(hsl(var(--foreground) / 0.08) 1px, transparent 1px);
    background-size: 28px 28px;
  }
html[data-bg-pattern='lines'] body {
    background-image: linear-gradient(180deg, hsl(var(--foreground) / 0.07) 1px, transparent 1px);
    background-size: 100% 26px;
  }
html[data-bg-pattern='grid'] body {
    background-image:
      linear-gradient(0deg, hsl(var(--foreground) / 0.06) 1px, transparent 1px),
      linear-gradient(90deg, hsl(var(--foreground) / 0.06) 1px, transparent 1px);
    background-size: 28px 28px;
  }
.blog-scene-backdrop {
    position: fixed;
    top: -35vh;
    right: -20vw;
    bottom: -30vh;
    left: -20vw;
    pointer-events: none;
    z-index: -4;
    opacity: 0;
    transition: opacity 1.1s ease, filter 1.1s ease;
    background:
      radial-gradient(60% 60% at 22% 22%, rgba(56, 189, 248, 0.22), transparent 65%),
      radial-gradient(55% 55% at 78% 32%, rgba(236, 72, 153, 0.18), transparent 68%),
      radial-gradient(65% 60% at 50% 88%, rgba(14, 165, 233, 0.12), transparent 72%);
    filter: blur(120px);
    transform: translate3d(0, 0, 0);
  }
html[data-blog-scene='enabled'] .blog-scene-backdrop {
    opacity: 0.75;
  }
html.dark[data-blog-scene='enabled'] .blog-scene-backdrop {
    opacity: 0.9;
    filter: blur(160px);
    background:
      radial-gradient(60% 60% at 18% 26%, rgba(129, 140, 248, 0.38), transparent 68%),
      radial-gradient(55% 55% at 80% 36%, rgba(244, 114, 182, 0.32), transparent 70%),
      radial-gradient(65% 60% at 50% 86%, rgba(56, 189, 248, 0.22), transparent 72%);
  }
html.blog-scene-disabled .blog-scene-backdrop,
  html[data-blog-scene='disabled'] .blog-scene-backdrop {
    opacity: 0;
  }
.\!container{
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px){
  .\!container{
    max-width: 1400px !important;
  }
  .container{
    max-width: 1400px;
  }
}
.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-slate{
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: rgb(15 23 42 / 10%);
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}
.prose-pure{
  --tw-prose-headings: hsl(var(--foreground) / var(--tw-text-opacity, 1));
  --tw-prose-body: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  --tw-prose-links: hsl(var(--foreground) / var(--tw-text-opacity, 1));
  --tw-prose-quotes: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  --tw-prose-code:: hsl(var(--foreground) / var(--tw-text-opacity, 1));
  --tw-prose-pre-code: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  --tw-prose-pre-bg: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.prose-pure :where(h2, h3, h4, h5, h6, h7):not(:where([class~="not-prose"],[class~="not-prose"] *)) > a{
  margin-inline-start: 0.75rem;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  transition: opacity 0.2s ease;
  opacity: 0;
}
.prose-pure :where(h2, h3, h4, h5, h6, h7):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover > a, .prose-pure :where(h2, h3, h4, h5, h6, h7):not(:where([class~="not-prose"],[class~="not-prose"] *)):target > a{
  opacity: 1;
}
.prose-pure :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-radius: var(--radius);
  margin: 0 auto;
}
.prose-pure :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  overflow-x: scroll;
}
.prose-pure :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  position: relative;
  overflow: hidden;
  border-width: 0.1rem;
  border-radius: var(--radius);
  padding-inline-start: 1.6rem !important;
  padding-inline-end: 1.6rem !important;
}
.prose-pure :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  position: absolute;
  content: "”";
  top: -5.4rem;
  right: -1.4rem;
  font-size: 10rem;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  transform: rotate(-15deg);
  opacity: 5%;
}
.prose-pure :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) p:first-of-type:before, .prose-pure :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) p:first-of-type:after{
  display: none;
}
/* entrance animation */
.animate-fade-in {
    animation: fadeIn 700ms ease forwards;
  }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
/* subtle floating effect for banner image */
@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0); }
  }
/* Press ripple interaction */
[data-press] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
[data-press] .press-ripple {
    position: absolute;
    pointer-events: none;
    border-radius: 9999px;
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    opacity: 0.45;
    background: radial-gradient(circle, hsl(var(--primary) / 0.28) 0%, transparent 65%);
    animation: press-ripple var(--press-duration, 520ms) ease-out forwards;
    mix-blend-mode: multiply;
    will-change: transform, opacity;
  }
@keyframes press-ripple {
    0% {
      transform: translate(-50%, -50%) scale(0);
      opacity: 0.45;
    }
    65% {
      opacity: 0.18;
    }
    100% {
      transform: translate(-50%, -50%) scale(1.15);
      opacity: 0;
    }
  }
/* Prose refinements */
.prose a{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
  text-underline-offset: 2px;
}
.prose a:hover{
  text-decoration-line: underline;
}
.prose blockquote{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: calc(var(--radius) - 2px);
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
  background-color: hsl(var(--muted) / 0.5);
  padding: 0.75rem;
  padding-left: 1rem;
  font-style: italic;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
}
.prose img{
  border-radius: calc(var(--radius) - 2px);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* responsive embed wrapper */
.responsive-embed {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
.responsive-embed iframe,
  .responsive-embed video,
  .responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
[data-banner-surface] {
    position: relative;
    isolation: isolate;
  }
html:not(.dark) [data-banner-surface] {
    border-color: hsl(var(--primary) / 0.22);
    background:
      radial-gradient(160% 120% at 14% 8%, hsl(var(--primary) / 0.22) 0%, transparent 65%),
      radial-gradient(120% 140% at 86% 12%, rgba(255, 183, 234, 0.26) 0%, transparent 68%),
      radial-gradient(120% 120% at 52% 98%, rgba(126, 208, 255, 0.2) 0%, transparent 72%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 255, 0.85));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.45),
      0 46px 140px -68px rgba(76, 112, 250, 0.42),
      0 32px 90px -60px rgba(46, 80, 138, 0.22);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
html:not(.dark) [data-banner-surface]::before {
    content: '';
    position: absolute;
    inset: -34% -36% auto -22%;
    height: 72%;
    background:
      radial-gradient(circle at 30% 42%, rgba(108, 143, 255, 0.52), transparent 70%),
      radial-gradient(circle at 74% 48%, rgba(255, 182, 218, 0.36), transparent 74%);
    filter: blur(120px);
    opacity: 0.86;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: -2;
  }
html:not(.dark) [data-banner-surface]::after {
    content: '';
    position: absolute;
    inset: -2px;
    background-image:
      linear-gradient(120deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0) 60%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.32) 15%, rgba(255, 255, 255, 0) 72%);
    -webkit-mask-image: radial-gradient(120% 100% at 38% 20%, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.45) 65%, transparent 90%);
            mask-image: radial-gradient(120% 100% at 38% 20%, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.45) 65%, transparent 90%);
    opacity: 0.82;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: -1;
  }
html:not(.dark) [data-banner-panel] {
    position: relative;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.74));
    border: 1px solid rgba(132, 156, 255, 0.28);
    box-shadow: 0 32px 70px -52px rgba(86, 118, 252, 0.52);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
html:not(.dark) [data-banner-panel]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
      radial-gradient(140% 120% at 16% 12%, rgba(255, 255, 255, 0.4), transparent 60%),
      radial-gradient(120% 120% at 80% 90%, rgba(255, 255, 255, 0.26), transparent 70%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 70%);
    opacity: 0.8;
    pointer-events: none;
    mix-blend-mode: screen;
  }
html:not(.dark) [data-banner-chip] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.64));
    border: 1px solid rgba(136, 160, 255, 0.35);
    box-shadow: 0 20px 48px -34px rgba(88, 118, 250, 0.48);
    color: hsl(var(--foreground) / 0.88);
  }
html:not(.dark) [data-banner-chip] > * {
    color: inherit;
  }
.theme-control__pattern.is-active {
    border-color: hsl(var(--primary));
    background: hsl(var(--primary) / 0.12);
    color: hsl(var(--foreground));
    box-shadow: 0 12px 24px -16px hsl(var(--primary) / 0.6);
  }
/* Liquid glass surface styling */
html.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel) {
    position: relative;
    background:
      linear-gradient(135deg, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.82 + 0.18)) 0%, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.65 + 0.12)) 100%),
      linear-gradient(120deg, hsl(var(--primary) / 0.18) 0%, transparent 55%);
    backdrop-filter: blur(var(--glass-blur, 14px)) saturate(180%) contrast(102%);
    -webkit-backdrop-filter: blur(var(--glass-blur, 14px)) saturate(180%) contrast(102%);
    border: 1px solid hsl(var(--border) / calc(var(--glass-opacity, 0.7) * 0.55 + 0.1));
    box-shadow:
      0 24px 60px -36px hsl(var(--primary) / 0.65),
      inset 0 0 0 0.6px rgb(255 255 255 / 0.2);
    isolation: isolate;
  }
html.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .\!panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel) {
    position: relative !important;
    background:
      linear-gradient(135deg, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.82 + 0.18)) 0%, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.65 + 0.12)) 100%),
      linear-gradient(120deg, hsl(var(--primary) / 0.18) 0%, transparent 55%) !important;
    backdrop-filter: blur(var(--glass-blur, 14px)) saturate(180%) contrast(102%) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur, 14px)) saturate(180%) contrast(102%) !important;
    border: 1px solid hsl(var(--border) / calc(var(--glass-opacity, 0.7) * 0.55 + 0.1)) !important;
    box-shadow:
      0 24px 60px -36px hsl(var(--primary) / 0.65),
      inset 0 0 0 0.6px rgb(255 255 255 / 0.2) !important;
    isolation: isolate !important;
  }
html.dark.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel) {
    background:
      linear-gradient(140deg, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.62 + 0.08)) 0%, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.52 + 0.05)) 100%),
      linear-gradient(120deg, hsl(var(--primary) / 0.22) 0%, transparent 60%);
    border: 1px solid hsl(var(--border) / calc(var(--glass-opacity, 0.7) * 0.42 + 0.08));
    box-shadow:
      0 32px 68px -42px hsl(var(--primary) / 0.75),
      inset 0 0 0 0.4px rgb(255 255 255 / 0.14);
  }
html.dark.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .\!panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel) {
    background:
      linear-gradient(140deg, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.62 + 0.08)) 0%, hsl(var(--card) / calc(var(--glass-opacity, 0.7) * 0.52 + 0.05)) 100%),
      linear-gradient(120deg, hsl(var(--primary) / 0.22) 0%, transparent 60%) !important;
    border: 1px solid hsl(var(--border) / calc(var(--glass-opacity, 0.7) * 0.42 + 0.08)) !important;
    box-shadow:
      0 32px 68px -42px hsl(var(--primary) / 0.75),
      inset 0 0 0 0.4px rgb(255 255 255 / 0.14) !important;
  }
html.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel)::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
      radial-gradient(120% 130% at 0% 0%, rgb(255 255 255 / 0.28) 0%, transparent 55%),
      radial-gradient(120% 130% at 90% 10%, rgb(255 255 255 / 0.22) 0%, transparent 65%),
      linear-gradient(180deg, rgb(255 255 255 / 0.12) 0%, transparent 65%);
    opacity: 0.6;
    mix-blend-mode: screen;
    transition: opacity 0.4s ease;
  }
html.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .\!panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel)::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
      radial-gradient(120% 130% at 0% 0%, rgb(255 255 255 / 0.28) 0%, transparent 55%),
      radial-gradient(120% 130% at 90% 10%, rgb(255 255 255 / 0.22) 0%, transparent 65%),
      linear-gradient(180deg, rgb(255 255 255 / 0.12) 0%, transparent 65%) !important;
    opacity: 0.6 !important;
    mix-blend-mode: screen !important;
    transition: opacity 0.4s ease !important;
  }
html.dark.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel)::before {
    opacity: 0.42;
    background:
      radial-gradient(120% 130% at 0% 0%, rgb(255 255 255 / 0.2) 0%, transparent 60%),
      radial-gradient(120% 130% at 88% 12%, rgb(255 255 255 / 0.16) 0%, transparent 70%),
      linear-gradient(180deg, rgb(255 255 255 / 0.1) 0%, transparent 65%);
  }
html.dark.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .\!panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel)::before {
    opacity: 0.42 !important;
    background:
      radial-gradient(120% 130% at 0% 0%, rgb(255 255 255 / 0.2) 0%, transparent 60%),
      radial-gradient(120% 130% at 88% 12%, rgb(255 255 255 / 0.16) 0%, transparent 70%),
      linear-gradient(180deg, rgb(255 255 255 / 0.1) 0%, transparent 65%) !important;
  }
html.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel):hover::before {
    opacity: 0.75;
  }
html.glassmorphism-enabled :is(.card-base, [class*="card"], footer, .prose, article, aside, .sidebar, .menu, .\!panel):not(header):not(header *):not(nav):not(nav *):not(.theme-control-panel):hover::before {
    opacity: 0.75 !important;
  }
/* Reset header/nav to avoid blur stacking */
/* 滚动动画基础样式 */
[data-scroll] {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
    will-change: opacity, transform;
  }
html.motion-ready [data-scroll]:not([data-scroll-visible]) {
    opacity: 0;
  }
html.motion-ready [data-scroll][data-scroll-visible] {
    opacity: 1;
  }
/* 从下方滑入 - 增强版 */
[data-scroll='fade-up'] {
    transform: translateY(40px);
    opacity: 0;
  }
[data-scroll='fade-up'][data-scroll-visible] {
    transform: translateY(0);
    opacity: 1;
  }
/* 从上方滑入 */
[data-scroll='fade-down'] {
    transform: translateY(-30px);
  }
[data-scroll='fade-down'][data-scroll-visible] {
    transform: translateY(0);
  }
/* 从左侧滑入 */
[data-scroll='fade-left'] {
    transform: translateX(-30px);
  }
[data-scroll='fade-left'][data-scroll-visible] {
    transform: translateX(0);
  }
/* 从右侧滑入 */
[data-scroll='fade-right'] {
    transform: translateX(30px);
  }
[data-scroll='fade-right'][data-scroll-visible] {
    transform: translateX(0);
  }
/* 缩放淡入 */
[data-scroll='zoom-in'] {
    transform: scale(0.9);
  }
[data-scroll='zoom-in'][data-scroll-visible] {
    transform: scale(1);
  }
/* 缩放淡出 */
[data-scroll='zoom-out'] {
    transform: scale(1.1);
  }
[data-scroll='zoom-out'][data-scroll-visible] {
    transform: scale(1);
  }
/* 翻转效果 */
[data-scroll='flip'] {
    transform: perspective(1000px) rotateY(-15deg);
    transform-style: preserve-3d;
  }
[data-scroll='flip'][data-scroll-visible] {
    transform: perspective(1000px) rotateY(0);
  }
/* 旋转淡入 */
[data-scroll='rotate'] {
    transform: rotate(-5deg);
  }
[data-scroll='rotate'][data-scroll-visible] {
    transform: rotate(0);
  }
/* 模糊淡入 */
[data-scroll='blur'] {
    filter: blur(5px);
  }
[data-scroll='blur'][data-scroll-visible] {
    filter: blur(0);
  }
/* 高级动画 - 3D 卡片翻转 */
[data-scroll='card-3d'] {
    transform: perspective(1200px) rotateX(15deg) translateY(40px);
    transform-style: preserve-3d;
    opacity: 0;
  }
[data-scroll='card-3d'][data-scroll-visible] {
    transform: perspective(1200px) rotateX(0deg) translateY(0);
    opacity: 1;
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
/* 高级动画 - 弹性滑入 */
[data-scroll='elastic-slide'] {
    transform: translateX(-60px) scale(0.85);
    opacity: 0;
  }
[data-scroll='elastic-slide'][data-scroll-visible] {
    transform: translateX(0) scale(1);
    opacity: 1;
    transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
/* 高级动画 - 渐进式展开 */
[data-scroll='progressive-reveal'] {
    transform: scaleY(0) translateY(20px);
    transform-origin: top;
    opacity: 0;
  }
[data-scroll='progressive-reveal'][data-scroll-visible] {
    transform: scaleY(1) translateY(0);
    opacity: 1;
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
/* 高级动画 - 波浪式上升 */
[data-scroll='wave-up'] {
    transform: translateY(50px) scale(0.95);
    opacity: 0;
    filter: blur(3px);
  }
[data-scroll='wave-up'][data-scroll-visible] {
    transform: translateY(0) scale(1);
    opacity: 1;
    filter: blur(0);
    transition:
      transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.6s ease,
      filter 0.6s ease;
  }
/* 高级动画 - 深度淡入 */
[data-scroll='depth-fade'] {
    transform: translateZ(-100px) scale(0.9);
    opacity: 0;
    filter: blur(8px);
  }
[data-scroll='depth-fade'][data-scroll-visible] {
    transform: translateZ(0) scale(1);
    opacity: 1;
    filter: blur(0);
    transition:
      transform 1s cubic-bezier(0.19, 1, 0.22, 1),
      opacity 0.8s ease,
      filter 0.8s ease;
  }
/* 高级动画 - 螺旋进入 */
[data-scroll='spiral-in'] {
    transform: rotate(-180deg) scale(0.3) translateY(60px);
    opacity: 0;
  }
[data-scroll='spiral-in'][data-scroll-visible] {
    transform: rotate(0deg) scale(1) translateY(0);
    opacity: 1;
    transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
/* 高级动画 - 光晕展开 */
[data-scroll='glow-expand'] {
    transform: scale(0.8);
    opacity: 0;
    filter: brightness(0.5) blur(10px);
  }
[data-scroll='glow-expand'][data-scroll-visible] {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1) blur(0);
    transition:
      transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1),
      opacity 0.7s ease,
      filter 0.7s ease;
  }
/* 延迟动画支持 */
[data-scroll-delay] {
    transition-delay: var(--scroll-delay, 0ms);
  }
/* 动画持续时间自定义 */
[data-scroll-duration] {
    transition-duration: var(--scroll-duration, 0.6s);
  }
/* 动画缓动函数自定义 */
[data-scroll-easing='ease'] {
    transition-timing-function: ease;
  }
[data-scroll-easing='ease-in'] {
    transition-timing-function: ease-in;
  }
[data-scroll-easing='ease-out'] {
    transition-timing-function: ease-out;
  }
[data-scroll-easing='ease-in-out'] {
    transition-timing-function: ease-in-out;
  }
[data-scroll-easing='linear'] {
    transition-timing-function: linear;
  }
[data-scroll-easing='bounce'] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
[data-scroll-easing='smooth'] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
[data-scroll-easing='elastic'] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
[data-scroll-easing='spring'] {
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
/* 组合动画 - 从下方滑入并旋转 */
[data-scroll='fade-up-rotate'] {
    transform: translateY(30px) rotate(-5deg);
  }
[data-scroll='fade-up-rotate'][data-scroll-visible] {
    transform: translateY(0) rotate(0);
  }
/* 组合动画 - 从左侧滑入并缩放 */
[data-scroll='fade-left-zoom'] {
    transform: translateX(-30px) scale(0.9);
  }
[data-scroll='fade-left-zoom'][data-scroll-visible] {
    transform: translateX(0) scale(1);
  }
/* 禁用动画（用户偏好设置） */
@media (prefers-reduced-motion: reduce) {
    [data-scroll] {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
      transition: none !important;
    }
  }
/* 滚动触发的交错动画容器 */
[data-scroll-stagger] {
    --stagger-delay: 100ms;
  }
[data-scroll-stagger] > [data-scroll] {
    transition-delay: calc(var(--scroll-order, 0) * var(--stagger-delay, 100ms));
  }
/* Posts 列表增强动画和悬停效果 */
.home-posts-list {
    position: relative;
  }
.home-posts-list [data-scroll] {
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(50px);
    opacity: 0;
  }
.home-posts-list [data-scroll][data-scroll-visible] {
    transform: translateY(0);
    opacity: 1;
  }
.home-posts-list [data-scroll]:hover {
    transform: translateY(0) translateX(8px) scale(1.02);
    filter: brightness(1.05);
  }
/* Education 卡片 3D 悬停效果 */
.home-education-card {
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-style: preserve-3d;
  }
.home-education-card:hover {
    transform: perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-8px);
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.2);
  }
/* Skills 标签动画增强 */
.home-skills-container [data-scroll] {
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
.home-skills-container button {
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
  }
.home-skills-container button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
  }
.home-skills-container button:hover::before {
    width: 300px;
    height: 300px;
  }
.home-skills-container button:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.15);
  }
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-10{
  left: 2.5rem;
  right: 2.5rem;
}
.inset-x-12{
  left: 3rem;
  right: 3rem;
}
.inset-x-14{
  left: 3.5rem;
  right: 3.5rem;
}
.inset-x-16{
  left: 4rem;
  right: 4rem;
}
.inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-4{
  left: 1rem;
  right: 1rem;
}
.inset-x-6{
  left: 1.5rem;
  right: 1.5rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-16{
  bottom: -4rem;
}
.-bottom-24{
  bottom: -6rem;
}
.-bottom-28{
  bottom: -7rem;
}
.-bottom-32{
  bottom: -8rem;
}
.-bottom-36{
  bottom: -9rem;
}
.-bottom-40{
  bottom: -10rem;
}
.-left-12{
  left: -3rem;
}
.-left-16{
  left: -4rem;
}
.-left-24{
  left: -6rem;
}
.-left-4{
  left: -1rem;
}
.-left-\[0\.7rem\]{
  left: -0.7rem;
}
.-right-12{
  right: -3rem;
}
.-right-20{
  right: -5rem;
}
.-start-2{
  inset-inline-start: -0.5rem;
}
.-start-4{
  inset-inline-start: -1rem;
}
.-start-6{
  inset-inline-start: -1.5rem;
}
.-top-12{
  top: -3rem;
}
.-top-16{
  top: -4rem;
}
.-top-20{
  top: -5rem;
}
.-top-24{
  top: -6rem;
}
.-top-28{
  top: -7rem;
}
.-top-32{
  top: -8rem;
}
.-top-4{
  top: -1rem;
}
.-top-8{
  top: -2rem;
}
.bottom-0{
  bottom: 0px;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-12{
  bottom: 3rem;
}
.bottom-14{
  bottom: 3.5rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-8{
  bottom: 2rem;
}
.bottom-\[-6rem\]{
  bottom: -6rem;
}
.end-0{
  inset-inline-end: 0px;
}
.end-4{
  inset-inline-end: 1rem;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-1\/3{
  left: 33.333333%;
}
.left-1\/4{
  left: 25%;
}
.left-12{
  left: 3rem;
}
.left-2{
  left: 0.5rem;
}
.left-2\/3{
  left: 66.666667%;
}
.left-20{
  left: 5rem;
}
.left-3{
  left: 0.75rem;
}
.left-6{
  left: 1.5rem;
}
.left-8{
  left: 2rem;
}
.left-\[10\%\]{
  left: 10%;
}
.left-\[12\%\]{
  left: 12%;
}
.left-\[14\%\]{
  left: 14%;
}
.left-\[18\%\]{
  left: 18%;
}
.right-0{
  right: 0px;
}
.right-1\/4{
  right: 25%;
}
.right-12{
  right: 3rem;
}
.right-16{
  right: 4rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-6{
  right: 1.5rem;
}
.right-8{
  right: 2rem;
}
.right-\[-12\%\]{
  right: -12%;
}
.right-\[-6rem\]{
  right: -6rem;
}
.right-\[10\%\]{
  right: 10%;
}
.right-\[12\%\]{
  right: 12%;
}
.right-\[14\%\]{
  right: 14%;
}
.right-\[16\%\]{
  right: 16%;
}
.right-\[18\%\]{
  right: 18%;
}
.start-0{
  inset-inline-start: 0px;
}
.start-1\/2{
  inset-inline-start: 50%;
}
.start-\[12px\]{
  inset-inline-start: 12px;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-1\/3{
  top: 33.333333%;
}
.top-10{
  top: 2.5rem;
}
.top-12{
  top: 3rem;
}
.top-14{
  top: 3.5rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-24{
  top: 6rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-8{
  top: 2rem;
}
.top-\[20px\]{
  top: 20px;
}
.top-\[22\%\]{
  top: 22%;
}
.top-\[26\%\]{
  top: 26%;
}
.top-\[28\%\]{
  top: 28%;
}
.top-\[30\%\]{
  top: 30%;
}
.top-\[5\%\]{
  top: 5%;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.-z-10{
  z-index: -10;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[99999\]{
  z-index: 99999;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.m-0{
  margin: 0px;
}
.m-1{
  margin: 0.25rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-ml-6{
  margin-left: -1.5rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.me-20{
  margin-inline-end: 5rem;
}
.me-auto{
  margin-inline-end: auto;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.ms-3{
  margin-inline-start: 0.75rem;
}
.ms-4{
  margin-inline-start: 1rem;
}
.ms-5{
  margin-inline-start: 1.25rem;
}
.ms-auto{
  margin-inline-start: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-auto{
  margin-top: auto;
}
.box-content{
  box-sizing: content-box;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.aspect-\[16\/9\]{
  aspect-ratio: 16/9;
}
.aspect-\[21\/10\]{
  aspect-ratio: 21/10;
}
.aspect-\[21\/9\]{
  aspect-ratio: 21/9;
}
.aspect-\[4\/5\]{
  aspect-ratio: 4/5;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}
.size-10{
  width: 2.5rem;
  height: 2.5rem;
}
.size-11{
  width: 2.75rem;
  height: 2.75rem;
}
.size-12{
  width: 3rem;
  height: 3rem;
}
.size-2{
  width: 0.5rem;
  height: 0.5rem;
}
.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}
.size-20{
  width: 5rem;
  height: 5rem;
}
.size-28{
  width: 7rem;
  height: 7rem;
}
.size-3{
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5{
  width: 0.875rem;
  height: 0.875rem;
}
.size-36{
  width: 9rem;
  height: 9rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-40{
  width: 10rem;
  height: 10rem;
}
.size-48{
  width: 12rem;
  height: 12rem;
}
.size-5{
  width: 1.25rem;
  height: 1.25rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.size-7{
  width: 1.75rem;
  height: 1.75rem;
}
.size-72{
  width: 18rem;
  height: 18rem;
}
.size-8{
  width: 2rem;
  height: 2rem;
}
.size-80{
  width: 20rem;
  height: 20rem;
}
.size-9{
  width: 2.25rem;
  height: 2.25rem;
}
.size-96{
  width: 24rem;
  height: 24rem;
}
.size-full{
  width: 100%;
  height: 100%;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-36{
  height: 9rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-44{
  height: 11rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-60{
  height: 15rem;
}
.h-64{
  height: 16rem;
}
.h-72{
  height: 18rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[2px\]{
  height: 2px;
}
.h-\[6\.25rem\]{
  height: 6.25rem;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.max-h-0{
  max-height: 0px;
}
.max-h-64{
  max-height: 16rem;
}
.max-h-\[70vh\]{
  max-height: 70vh;
}
.max-h-full{
  max-height: 100%;
}
.min-h-0{
  min-height: 0px;
}
.min-h-\[1\.25rem\]{
  min-height: 1.25rem;
}
.min-h-\[1\.75rem\]{
  min-height: 1.75rem;
}
.min-h-\[190px\]{
  min-height: 190px;
}
.min-h-\[3\.25rem\]{
  min-height: 3.25rem;
}
.min-h-\[400px\]{
  min-height: 400px;
}
.min-h-screen{
  min-height: 100vh;
}
.w-0{
  width: 0px;
}
.w-1{
  width: 0.25rem;
}
.w-1\/2{
  width: 50%;
}
.w-1\/5{
  width: 20%;
}
.w-10{
  width: 2.5rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[calc\(100\%\+2rem\)\]{
  width: calc(100% + 2rem);
}
.w-\[min\(92vw\2c 34rem\)\]{
  width: min(92vw,34rem);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-16{
  min-width: 4rem;
}
.min-w-3{
  min-width: 0.75rem;
}
.min-w-40{
  min-width: 10rem;
}
.min-w-\[95px\]{
  min-width: 95px;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-60{
  max-width: 15rem;
}
.max-w-\[65ch\]{
  max-width: 65ch;
}
.max-w-\[70rem\]{
  max-width: 70rem;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-prose{
  max-width: 65ch;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-60{
  flex-basis: 15rem;
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-3{
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[1px\]{
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-28{
  --tw-translate-y: 7rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12{
  --tw-rotate: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-12{
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-0{
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-100{
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.list-inside{
  list-style-position: inside;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.columns-1{
  -moz-columns: 1;
       columns: 1;
}
.break-inside-avoid{
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-7{
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-10{
  row-gap: 2.5rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.gap-y-7{
  row-gap: 1.75rem;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-14 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[hsl\(var\(--primary\)_\/_0\.2\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--primary) / 0.2);
}
.divide-\[hsl\(var\(--primary\)_\/_0\.22\)\] > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--primary) / 0.22);
}
.divide-border\/60 > :not([hidden]) ~ :not([hidden]){
  border-color: hsl(var(--border) / 0.6);
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-balance{
  text-wrap: balance;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[0\.75rem\]{
  border-radius: 0.75rem;
}
.rounded-\[0\.85rem\]{
  border-radius: 0.85rem;
}
.rounded-\[0\.9rem\]{
  border-radius: 0.9rem;
}
.rounded-\[1\.1rem\]{
  border-radius: 1.1rem;
}
.rounded-\[1\.2rem\]{
  border-radius: 1.2rem;
}
.rounded-\[1\.5rem\]{
  border-radius: 1.5rem;
}
.rounded-\[1\.75rem\]{
  border-radius: 1.75rem;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[1rem\]{
  border-radius: 1rem;
}
.rounded-\[2\.25rem\]{
  border-radius: 2.25rem;
}
.rounded-\[2\.5rem\]{
  border-radius: 2.5rem;
}
.rounded-\[2\.75rem\]{
  border-radius: 2.75rem;
}
.rounded-\[2rem\]{
  border-radius: 2rem;
}
.rounded-\[999px\]{
  border-radius: 999px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: var(--radius);
}
.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-l-8{
  border-left-width: 8px;
}
.border-s{
  border-inline-start-width: 1px;
}
.border-s-4{
  border-inline-start-width: 4px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-dashed{
  border-style: dashed;
}
.border-\[hsl\(var\(--primary\)_\/_0\.24\)\]{
  border-color: hsl(var(--primary) / 0.24);
}
.border-\[hsl\(var\(--primary\)_\/_0\.26\)\]{
  border-color: hsl(var(--primary) / 0.26);
}
.border-\[hsl\(var\(--primary\)_\/_0\.3\)\]{
  border-color: hsl(var(--primary) / 0.3);
}
.border-\[hsl\(var\(--primary\)_\/_0\.32\)\]{
  border-color: hsl(var(--primary) / 0.32);
}
.border-\[hsl\(var\(--primary\)_\/_0\.34\)\]{
  border-color: hsl(var(--primary) / 0.34);
}
.border-\[hsl\(var\(--primary\)_\/_0\.36\)\]{
  border-color: hsl(var(--primary) / 0.36);
}
.border-\[hsl\(var\(--primary\)_\/_0\.38\)\]{
  border-color: hsl(var(--primary) / 0.38);
}
.border-background{
  --tw-border-opacity: 1;
  border-color: hsl(var(--background) / var(--tw-border-opacity, 1));
}
.border-border{
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
.border-border\/40{
  border-color: hsl(var(--border) / 0.4);
}
.border-border\/50{
  border-color: hsl(var(--border) / 0.5);
}
.border-border\/60{
  border-color: hsl(var(--border) / 0.6);
}
.border-border\/70{
  border-color: hsl(var(--border) / 0.7);
}
.border-border\/80{
  border-color: hsl(var(--border) / 0.8);
}
.border-emerald-300\/40{
  border-color: rgb(110 231 183 / 0.4);
}
.border-green-400{
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.border-muted-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--muted-foreground) / var(--tw-border-opacity, 1));
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
}
.border-primary\/30{
  border-color: hsl(var(--primary) / 0.3);
}
.border-primary\/35{
  border-color: hsl(var(--primary) / 0.35);
}
.border-primary\/40{
  border-color: hsl(var(--primary) / 0.4);
}
.border-primary\/50{
  border-color: hsl(var(--primary) / 0.5);
}
.border-primary\/60{
  border-color: hsl(var(--primary) / 0.6);
}
.border-slate-200\/70{
  border-color: rgb(226 232 240 / 0.7);
}
.border-slate-300\/60{
  border-color: rgb(203 213 225 / 0.6);
}
.border-transparent{
  border-color: transparent;
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}
.bg-\[\#eee9ff\]\/80{
  background-color: rgb(238 233 255 / 0.8);
}
.bg-amber-500\/10{
  background-color: rgb(245 158 11 / 0.1);
}
.bg-background{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
}
.bg-background\/40{
  background-color: hsl(var(--background) / 0.4);
}
.bg-background\/50{
  background-color: hsl(var(--background) / 0.5);
}
.bg-background\/60{
  background-color: hsl(var(--background) / 0.6);
}
.bg-background\/65{
  background-color: hsl(var(--background) / 0.65);
}
.bg-background\/70{
  background-color: hsl(var(--background) / 0.7);
}
.bg-background\/75{
  background-color: hsl(var(--background) / 0.75);
}
.bg-background\/80{
  background-color: hsl(var(--background) / 0.8);
}
.bg-background\/85{
  background-color: hsl(var(--background) / 0.85);
}
.bg-background\/90{
  background-color: hsl(var(--background) / 0.9);
}
.bg-background\/95{
  background-color: hsl(var(--background) / 0.95);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55{
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}
.bg-blue-500\/10{
  background-color: rgb(59 130 246 / 0.1);
}
.bg-blue-500\/20{
  background-color: rgb(59 130 246 / 0.2);
}
.bg-border{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--border) / var(--tw-bg-opacity, 1));
}
.bg-border\/60{
  background-color: hsl(var(--border) / 0.6);
}
.bg-border\/70{
  background-color: hsl(var(--border) / 0.7);
}
.bg-border\/80{
  background-color: hsl(var(--border) / 0.8);
}
.bg-card\/30{
  background-color: hsl(var(--card) / 0.3);
}
.bg-card\/40{
  background-color: hsl(var(--card) / 0.4);
}
.bg-card\/50{
  background-color: hsl(var(--card) / 0.5);
}
.bg-card\/80{
  background-color: hsl(var(--card) / 0.8);
}
.bg-emerald-300\/20{
  background-color: rgb(110 231 183 / 0.2);
}
.bg-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--foreground) / var(--tw-bg-opacity, 1));
}
.bg-foreground\/10{
  background-color: hsl(var(--foreground) / 0.1);
}
.bg-foreground\/90{
  background-color: hsl(var(--foreground) / 0.9);
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-green-400{
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/10{
  background-color: rgb(34 197 94 / 0.1);
}
.bg-inherit{
  background-color: inherit;
}
.bg-muted{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.bg-muted\/10{
  background-color: hsl(var(--muted) / 0.1);
}
.bg-muted\/20{
  background-color: hsl(var(--muted) / 0.2);
}
.bg-muted\/30{
  background-color: hsl(var(--muted) / 0.3);
}
.bg-muted\/40{
  background-color: hsl(var(--muted) / 0.4);
}
.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}
.bg-muted\/60{
  background-color: hsl(var(--muted) / 0.6);
}
.bg-muted\/70{
  background-color: hsl(var(--muted) / 0.7);
}
.bg-muted\/80{
  background-color: hsl(var(--muted) / 0.8);
}
.bg-muted\/90{
  background-color: hsl(var(--muted) / 0.9);
}
.bg-pink-500\/10{
  background-color: rgb(236 72 153 / 0.1);
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.bg-primary-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1));
}
.bg-primary\/10{
  background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/15{
  background-color: hsl(var(--primary) / 0.15);
}
.bg-primary\/20{
  background-color: hsl(var(--primary) / 0.2);
}
.bg-primary\/30{
  background-color: hsl(var(--primary) / 0.3);
}
.bg-primary\/40{
  background-color: hsl(var(--primary) / 0.4);
}
.bg-primary\/60{
  background-color: hsl(var(--primary) / 0.6);
}
.bg-primary\/80{
  background-color: hsl(var(--primary) / 0.8);
}
.bg-primary\/90{
  background-color: hsl(var(--primary) / 0.9);
}
.bg-purple-500\/10{
  background-color: rgb(168 85 247 / 0.1);
}
.bg-slate-900{
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-900\/10{
  background-color: rgb(15 23 42 / 0.1);
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/75{
  background-color: rgb(255 255 255 / 0.75);
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/85{
  background-color: rgb(255 255 255 / 0.85);
}
.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-zinc-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[image\:var\(--music-card-accent\)\]{
  background-image: var(--music-card-accent);
}
.bg-\[linear-gradient\(115deg\2c hsl\(var\(--primary\)_\/_0\.22\)\2c transparent\)\]{
  background-image: linear-gradient(115deg,hsl(var(--primary) / 0.22),transparent);
}
.bg-\[linear-gradient\(120deg\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent\)\]{
  background-image: linear-gradient(120deg,hsl(var(--primary) / 0.18),transparent);
}
.bg-\[linear-gradient\(120deg\2c hsl\(var\(--primary\)_\/_0\.2\)\2c transparent\)\]{
  background-image: linear-gradient(120deg,hsl(var(--primary) / 0.2),transparent);
}
.bg-\[linear-gradient\(120deg\2c rgba\(248\2c 250\2c 255\2c 0\.88\)\2c rgba\(232\2c 236\2c 255\2c 0\.6\)_45\%\2c rgba\(246\2c 248\2c 255\2c 0\.78\)\)\]{
  background-image: linear-gradient(120deg,rgba(248,250,255,0.88),rgba(232,236,255,0.6) 45%,rgba(246,248,255,0.78));
}
.bg-\[radial-gradient\(circle_at_18\%_20\%\2c hsl\(var\(--primary\)_\/_0\.14\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_82\%_78\%\2c hsl\(var\(--primary\)_\/_0\.1\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 20%,hsl(var(--primary) / 0.14),transparent 66%),radial-gradient(circle at 82% 78%,hsl(var(--primary) / 0.1),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_20\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_64\%\)\2c radial-gradient\(circle_at_82\%_78\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 20%,hsl(var(--primary) / 0.16),transparent 64%),radial-gradient(circle at 82% 78%,hsl(var(--primary) / 0.12),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_20\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_64\%\)\2c radial-gradient\(circle_at_80\%_76\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 20%,hsl(var(--primary) / 0.24),transparent 64%),radial-gradient(circle at 80% 76%,hsl(var(--primary) / 0.18),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_20\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_80\%_78\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 20%,hsl(var(--primary) / 0.24),transparent 66%),radial-gradient(circle at 80% 78%,hsl(var(--primary) / 0.18),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_20\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_82\%_78\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 20%,hsl(var(--primary) / 0.24),transparent 66%),radial-gradient(circle at 82% 78%,hsl(var(--primary) / 0.18),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_20\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_68\%\)\2c radial-gradient\(circle_at_82\%_78\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 18% 20%,hsl(var(--primary) / 0.24),transparent 68%),radial-gradient(circle at 82% 78%,hsl(var(--primary) / 0.16),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_18\%_22\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_78\%_78\%\2c hsl\(var\(--primary\)_\/_0\.1\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 22%,hsl(var(--primary) / 0.12),transparent 66%),radial-gradient(circle at 78% 78%,hsl(var(--primary) / 0.1),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_22\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_65\%\)\2c radial-gradient\(circle_at_80\%_78\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 22%,hsl(var(--primary) / 0.16),transparent 65%),radial-gradient(circle at 80% 78%,hsl(var(--primary) / 0.12),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_22\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_64\%\)\2c radial-gradient\(circle_at_76\%_78\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 22%,hsl(var(--primary) / 0.24),transparent 64%),radial-gradient(circle at 76% 78%,hsl(var(--primary) / 0.18),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_22\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_64\%\)\2c radial-gradient\(circle_at_78\%_78\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 22%,hsl(var(--primary) / 0.24),transparent 64%),radial-gradient(circle at 78% 78%,hsl(var(--primary) / 0.18),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_18\%_22\%\2c hsl\(var\(--primary\)_\/_0\.24\)\2c transparent_64\%\)\2c radial-gradient\(circle_at_82\%_80\%\2c hsl\(var\(--primary\)_\/_0\.2\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 18% 22%,hsl(var(--primary) / 0.24),transparent 64%),radial-gradient(circle at 82% 80%,hsl(var(--primary) / 0.2),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_20\%_18\%\2c hsl\(var\(--primary\)_\/_0\.22\)\2c transparent_62\%\)\2c radial-gradient\(circle_at_82\%_78\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 20% 18%,hsl(var(--primary) / 0.22),transparent 62%),radial-gradient(circle at 82% 78%,hsl(var(--primary) / 0.18),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_20\%_20\%\2c rgba\(124\2c 112\2c 255\2c 0\.45\)\2c transparent_55\%\)\]{
  background-image: radial-gradient(circle at 20% 20%,rgba(124,112,255,0.45),transparent 55%);
}
.bg-\[radial-gradient\(circle_at_20\%_20\%\2c rgba\(255\2c 255\2c 255\2c 0\.2\)\2c transparent_65\%\)\]{
  background-image: radial-gradient(circle at 20% 20%,rgba(255,255,255,0.2),transparent 65%);
}
.bg-\[radial-gradient\(circle_at_20\%_24\%\2c hsl\(var\(--primary\)_\/_0\.14\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_78\%_76\%\2c hsl\(var\(--primary\)_\/_0\.1\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 20% 24%,hsl(var(--primary) / 0.14),transparent 66%),radial-gradient(circle at 78% 76%,hsl(var(--primary) / 0.1),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_20\%_24\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_78\%_76\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 20% 24%,hsl(var(--primary) / 0.16),transparent 66%),radial-gradient(circle at 78% 76%,hsl(var(--primary) / 0.12),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_20\%_24\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_82\%_72\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 20% 24%,hsl(var(--primary) / 0.16),transparent 66%),radial-gradient(circle at 82% 72%,hsl(var(--primary) / 0.12),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_22\%_22\%\2c hsl\(var\(--primary\)_\/_0\.14\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_78\%_78\%\2c hsl\(var\(--primary\)_\/_0\.1\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 22% 22%,hsl(var(--primary) / 0.14),transparent 66%),radial-gradient(circle at 78% 78%,hsl(var(--primary) / 0.1),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_22\%_24\%\2c hsl\(var\(--primary\)_\/_0\.14\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_80\%_76\%\2c hsl\(var\(--primary\)_\/_0\.1\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 22% 24%,hsl(var(--primary) / 0.14),transparent 66%),radial-gradient(circle at 80% 76%,hsl(var(--primary) / 0.1),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_24\%_22\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_64\%\)\2c radial-gradient\(circle_at_76\%_78\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 24% 22%,hsl(var(--primary) / 0.16),transparent 64%),radial-gradient(circle at 76% 78%,hsl(var(--primary) / 0.12),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_24\%_28\%\2c hsl\(var\(--primary\)_\/_0\.16\)\2c transparent_66\%\)\2c radial-gradient\(circle_at_80\%_72\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 24% 28%,hsl(var(--primary) / 0.16),transparent 66%),radial-gradient(circle at 80% 72%,hsl(var(--primary) / 0.12),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_24\%_28\%\2c hsl\(var\(--primary\)_\/_0\.18\)\2c transparent_68\%\)\2c radial-gradient\(circle_at_80\%_80\%\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 24% 28%,hsl(var(--primary) / 0.18),transparent 68%),radial-gradient(circle at 80% 80%,hsl(var(--primary) / 0.12),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_35\%_20\%\2c rgba\(255\2c 255\2c 255\2c 0\.25\)\2c transparent_55\%\)\]{
  background-image: radial-gradient(circle at 35% 20%,rgba(255,255,255,0.25),transparent 55%);
}
.bg-\[radial-gradient\(circle_at_40\%_42\%\2c rgba\(124\2c 164\2c 255\2c 0\.46\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 40% 42%,rgba(124,164,255,0.46),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_40\%_45\%\2c hsl\(var\(--primary\)_\/_0\.34\)\2c transparent_70\%\)\]{
  background-image: radial-gradient(circle at 40% 45%,hsl(var(--primary) / 0.34),transparent 70%);
}
.bg-\[radial-gradient\(circle_at_42\%_46\%\2c hsl\(var\(--primary\)_\/_0\.32\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 42% 46%,hsl(var(--primary) / 0.32),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_42\%_46\%\2c hsl\(var\(--primary\)_\/_0\.32\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 42% 46%,hsl(var(--primary) / 0.32),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_42\%_48\%\2c hsl\(var\(--primary\)_\/_0\.32\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 42% 48%,hsl(var(--primary) / 0.32),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_42\%_48\%\2c hsl\(var\(--primary\)_\/_0\.34\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at 42% 48%,hsl(var(--primary) / 0.34),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_44\%_48\%\2c hsl\(var\(--primary\)_\/_0\.32\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 44% 48%,hsl(var(--primary) / 0.32),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_46\%_48\%\2c hsl\(var\(--primary\)_\/_0\.32\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 46% 48%,hsl(var(--primary) / 0.32),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_48\%_52\%\2c hsl\(var\(--primary\)_\/_0\.28\)\2c transparent_76\%\)\]{
  background-image: radial-gradient(circle at 48% 52%,hsl(var(--primary) / 0.28),transparent 76%);
}
.bg-\[radial-gradient\(circle_at_52\%_44\%\2c hsl\(var\(--primary\)_\/_0\.26\)\2c transparent_78\%\)\]{
  background-image: radial-gradient(circle at 52% 44%,hsl(var(--primary) / 0.26),transparent 78%);
}
.bg-\[radial-gradient\(circle_at_52\%_48\%\2c hsl\(var\(--primary\)_\/_0\.26\)\2c transparent_78\%\)\]{
  background-image: radial-gradient(circle at 52% 48%,hsl(var(--primary) / 0.26),transparent 78%);
}
.bg-\[radial-gradient\(circle_at_54\%_44\%\2c hsl\(var\(--primary\)_\/_0\.26\)\2c transparent_78\%\)\]{
  background-image: radial-gradient(circle at 54% 44%,hsl(var(--primary) / 0.26),transparent 78%);
}
.bg-\[radial-gradient\(circle_at_55\%_42\%\2c hsl\(var\(--primary\)_\/_0\.28\)\2c transparent_74\%\)\]{
  background-image: radial-gradient(circle at 55% 42%,hsl(var(--primary) / 0.28),transparent 74%);
}
.bg-\[radial-gradient\(circle_at_55\%_48\%\2c rgba\(255\2c 198\2c 238\2c 0\.4\)\2c transparent_76\%\)\]{
  background-image: radial-gradient(circle at 55% 48%,rgba(255,198,238,0.4),transparent 76%);
}
.bg-\[radial-gradient\(circle_at_56\%_44\%\2c hsl\(var\(--primary\)_\/_0\.26\)\2c transparent_78\%\)\]{
  background-image: radial-gradient(circle at 56% 44%,hsl(var(--primary) / 0.26),transparent 78%);
}
.bg-\[radial-gradient\(circle_at_58\%_48\%\2c hsl\(var\(--primary\)_\/_0\.26\)\2c transparent_78\%\)\]{
  background-image: radial-gradient(circle at 58% 48%,hsl(var(--primary) / 0.26),transparent 78%);
}
.bg-\[radial-gradient\(circle_at_75\%_15\%\2c rgba\(255\2c 255\2c 255\2c 0\.6\)\2c transparent_55\%\)\]{
  background-image: radial-gradient(circle at 75% 15%,rgba(255,255,255,0.6),transparent 55%);
}
.bg-\[radial-gradient\(circle_at_center\2c hsl\(var\(--primary\)_\/_0\.12\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at center,hsl(var(--primary) / 0.12),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_center\2c hsl\(var\(--primary\)_\/_0\.22\)\2c transparent_70\%\)\]{
  background-image: radial-gradient(circle at center,hsl(var(--primary) / 0.22),transparent 70%);
}
.bg-\[radial-gradient\(circle_at_center\2c hsl\(var\(--primary\)_\/_0\.26\)\2c transparent_78\%\)\]{
  background-image: radial-gradient(circle at center,hsl(var(--primary) / 0.26),transparent 78%);
}
.bg-\[radial-gradient\(circle_at_center\2c hsl\(var\(--primary\)_\/_0\.3\)\2c transparent_72\%\)\]{
  background-image: radial-gradient(circle at center,hsl(var(--primary) / 0.3),transparent 72%);
}
.bg-\[radial-gradient\(circle_at_top\2c _rgba\(255\2c 255\2c 255\2c 0\.12\)\2c _transparent_60\%\)\]{
  background-image: radial-gradient(circle at top, rgba(255,255,255,0.12), transparent 60%);
}
.bg-\[radial-gradient\(circle_at_top\2c _rgba\(255\2c 255\2c 255\2c 0\.15\)\2c _transparent_55\%\)\]{
  background-image: radial-gradient(circle at top, rgba(255,255,255,0.15), transparent 55%);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#f1efff\]\/80{
  --tw-gradient-from: rgb(241 239 255 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(241 239 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--primary\)_\/_0\.16\)\]{
  --tw-gradient-from: hsl(var(--primary) / 0.16) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--primary\)_\/_0\.18\)\]{
  --tw-gradient-from: hsl(var(--primary) / 0.18) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[hsl\(var\(--primary\)_\/_0\.22\)\]{
  --tw-gradient-from: hsl(var(--primary) / 0.22) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-400\/40{
  --tw-gradient-from: rgb(251 191 36 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background{
  --tw-gradient-from: hsl(var(--background) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/30{
  --tw-gradient-from: hsl(var(--background) / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/40{
  --tw-gradient-from: hsl(var(--background) / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-background\/80{
  --tw-gradient-from: hsl(var(--background) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/20{
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/30{
  --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40{
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/65{
  --tw-gradient-from: rgb(0 0 0 / 0.65) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/75{
  --tw-gradient-from: rgb(0 0 0 / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/80{
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400\/40{
  --tw-gradient-from: rgb(96 165 250 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/10{
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400\/40{
  --tw-gradient-from: rgb(34 211 238 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-400\/40{
  --tw-gradient-from: rgb(52 211 153 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500\/40{
  --tw-gradient-from: rgb(16 185 129 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-fuchsia-400\/40{
  --tw-gradient-from: rgb(232 121 249 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 121 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-400\/40{
  --tw-gradient-from: rgb(129 140 248 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500\/40{
  --tw-gradient-from: rgb(99 102 241 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-lime-400\/40{
  --tw-gradient-from: rgb(163 230 53 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(163 230 53 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-muted\/80{
  --tw-gradient-from: hsl(var(--muted) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500\/10{
  --tw-gradient-from: rgb(236 72 153 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary{
  --tw-gradient-from: hsl(var(--primary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/10{
  --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/20{
  --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/5{
  --tw-gradient-from: hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-400\/40{
  --tw-gradient-from: rgb(192 132 252 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-900\/20{
  --tw-gradient-from: rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-400\/40{
  --tw-gradient-from: rgb(251 113 133 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 113 133 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-500\/40{
  --tw-gradient-from: rgb(244 63 94 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-400\/40{
  --tw-gradient-from: rgb(56 189 248 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-500\/40{
  --tw-gradient-from: rgb(100 116 139 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900{
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/10{
  --tw-gradient-from: rgb(255 255 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/60{
  --tw-gradient-from: rgb(255 255 255 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-500\/10{
  --tw-gradient-from: rgb(234 179 8 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#f9f7ff\]\/30{
  --tw-gradient-to: rgb(249 247 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(249 247 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.05\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.06\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.06) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.08\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.08) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.36\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.36) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.38\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.38) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.4\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.42\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.42) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.45\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[hsl\(var\(--primary\)_\/_0\.55\)\]{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400\/10{
  --tw-gradient-to: rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(251 191 36 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/20{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/40{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/50{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/60{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-background\/70{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/20{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/35{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-400\/10{
  --tw-gradient-to: rgb(96 165 250 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(96 165 250 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-900\/20{
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 58 138 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-cyan-400\/10{
  --tw-gradient-to: rgb(34 211 238 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(34 211 238 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-emerald-400\/10{
  --tw-gradient-to: rgb(52 211 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(52 211 153 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-fuchsia-400\/10{
  --tw-gradient-to: rgb(232 121 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(232 121 249 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-indigo-400\/10{
  --tw-gradient-to: rgb(129 140 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(129 140 248 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-lime-400\/10{
  --tw-gradient-to: rgb(163 230 53 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(163 230 53 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-400\/30{
  --tw-gradient-to: rgb(251 146 60 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(251 146 60 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/10{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-primary\/80{
  --tw-gradient-to: hsl(var(--primary) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-400\/10{
  --tw-gradient-to: rgb(192 132 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(192 132 252 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-rose-400\/10{
  --tw-gradient-to: rgb(251 113 133 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(251 113 133 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-400\/10{
  --tw-gradient-to: rgb(56 189 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(56 189 248 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-sky-500\/30{
  --tw-gradient-to: rgb(14 165 233 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(14 165 233 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-600\/35{
  --tw-gradient-to: rgb(71 85 105 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(71 85 105 / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-800{
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-teal-500\/30{
  --tw-gradient-to: rgb(20 184 166 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(20 184 166 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/20{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white\/5{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-amber-400\/35{
  --tw-gradient-to: rgb(251 191 36 / 0.35) var(--tw-gradient-to-position);
}
.to-background{
  --tw-gradient-to: hsl(var(--background) / 1) var(--tw-gradient-to-position);
}
.to-background\/30{
  --tw-gradient-to: hsl(var(--background) / 0.3) var(--tw-gradient-to-position);
}
.to-background\/40{
  --tw-gradient-to: hsl(var(--background) / 0.4) var(--tw-gradient-to-position);
}
.to-background\/70{
  --tw-gradient-to: hsl(var(--background) / 0.7) var(--tw-gradient-to-position);
}
.to-black\/10{
  --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position);
}
.to-black\/40{
  --tw-gradient-to: rgb(0 0 0 / 0.4) var(--tw-gradient-to-position);
}
.to-black\/50{
  --tw-gradient-to: rgb(0 0 0 / 0.5) var(--tw-gradient-to-position);
}
.to-cyan-500\/10{
  --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position);
}
.to-cyan-500\/35{
  --tw-gradient-to: rgb(6 182 212 / 0.35) var(--tw-gradient-to-position);
}
.to-indigo-900\/20{
  --tw-gradient-to: rgb(49 46 129 / 0.2) var(--tw-gradient-to-position);
}
.to-muted\/40{
  --tw-gradient-to: hsl(var(--muted) / 0.4) var(--tw-gradient-to-position);
}
.to-orange-500\/10{
  --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position);
}
.to-primary\/40{
  --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
}
.to-primary\/5{
  --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}
.to-primary\/50{
  --tw-gradient-to: hsl(var(--primary) / 0.5) var(--tw-gradient-to-position);
}
.to-primary\/70{
  --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position);
}
.to-purple-500\/10{
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
}
.to-slate-800\/40{
  --tw-gradient-to: rgb(30 41 59 / 0.4) var(--tw-gradient-to-position);
}
.to-slate-900{
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.to-white\/45{
  --tw-gradient-to: rgb(255 255 255 / 0.45) var(--tw-gradient-to-position);
}
.to-65\%{
  --tw-gradient-to-position: 65%;
}
.bg-cover{
  background-size: cover;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center{
  background-position: center;
}
.stroke-background{
  stroke: hsl(var(--background) / 1);
}
.stroke-muted-foreground{
  stroke: hsl(var(--muted-foreground) / 1);
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-20{
  padding-bottom: 5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pe-3{
  padding-inline-end: 0.75rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-12{
  padding-right: 3rem;
}
.ps-0{
  padding-inline-start: 0px;
}
.ps-10{
  padding-inline-start: 2.5rem;
}
.ps-4{
  padding-inline-start: 1rem;
}
.ps-7{
  padding-inline-start: 1.75rem;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-20{
  padding-top: 5rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.font-mono{
  font-family: var(--font-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: var(--font-body), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl{
  font-size: 4.5rem;
  line-height: 1;
}
.text-8xl{
  font-size: 6rem;
  line-height: 1;
}
.text-9xl{
  font-size: 8rem;
  line-height: 1;
}
.text-\[0\.625rem\]{
  font-size: 0.625rem;
}
.text-\[0\.65rem\]{
  font-size: 0.65rem;
}
.text-\[0\.6rem\]{
  font-size: 0.6rem;
}
.text-\[0\.72rem\]{
  font-size: 0.72rem;
}
.text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.text-\[0\.78rem\]{
  font-size: 0.78rem;
}
.text-\[0\.7rem\]{
  font-size: 0.7rem;
}
.text-\[0\.85rem\]{
  font-size: 0.85rem;
}
.text-\[0\.8rem\]{
  font-size: 0.8rem;
}
.text-\[0\.92rem\]{
  font-size: 0.92rem;
}
.text-\[0\.95rem\]{
  font-size: 0.95rem;
}
.text-\[1\.05rem\]{
  font-size: 1.05rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.24em\]{
  letter-spacing: 0.24em;
}
.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}
.tracking-\[0\.28em\]{
  letter-spacing: 0.28em;
}
.tracking-\[0\.2em\]{
  letter-spacing: 0.2em;
}
.tracking-\[0\.32em\]{
  letter-spacing: 0.32em;
}
.tracking-\[0\.35em\]{
  letter-spacing: 0.35em;
}
.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}
.tracking-\[0\.45em\]{
  letter-spacing: 0.45em;
}
.tracking-\[0\.4em\]{
  letter-spacing: 0.4em;
}
.tracking-\[0\.5em\]{
  letter-spacing: 0.5em;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.text-\[\#6256d6\]{
  --tw-text-opacity: 1;
  color: rgb(98 86 214 / var(--tw-text-opacity, 1));
}
.text-\[hsl\(var\(--primary\)\)\]{
  color: hsl(var(--primary));
}
.text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-600\/90{
  color: rgb(217 119 6 / 0.9);
}
.text-amber-700{
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-background{
  --tw-text-opacity: 1;
  color: hsl(var(--background) / var(--tw-text-opacity, 1));
}
.text-blue-600\/90{
  color: rgb(37 99 235 / 0.9);
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-border{
  --tw-text-opacity: 1;
  color: hsl(var(--border) / var(--tw-text-opacity, 1));
}
.text-card-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--card-foreground) / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.text-foreground\/75{
  color: hsl(var(--foreground) / 0.75);
}
.text-foreground\/80{
  color: hsl(var(--foreground) / 0.8);
}
.text-foreground\/90{
  color: hsl(var(--foreground) / 0.9);
}
.text-foreground\/95{
  color: hsl(var(--foreground) / 0.95);
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-muted-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
}
.text-muted-foreground\/40{
  color: hsl(var(--muted-foreground) / 0.4);
}
.text-muted-foreground\/60{
  color: hsl(var(--muted-foreground) / 0.6);
}
.text-muted-foreground\/70{
  color: hsl(var(--muted-foreground) / 0.7);
}
.text-muted-foreground\/75{
  color: hsl(var(--muted-foreground) / 0.75);
}
.text-muted-foreground\/80{
  color: hsl(var(--muted-foreground) / 0.8);
}
.text-muted-foreground\/85{
  color: hsl(var(--muted-foreground) / 0.85);
}
.text-muted-foreground\/90{
  color: hsl(var(--muted-foreground) / 0.9);
}
.text-pink-500{
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.text-primary-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.text-primary-foreground\/90{
  color: hsl(var(--primary-foreground) / 0.9);
}
.text-primary\/80{
  color: hsl(var(--primary) / 0.8);
}
.text-primary\/90{
  color: hsl(var(--primary) / 0.9);
}
.text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-500\/80{
  color: rgb(100 116 139 / 0.8);
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-600\/80{
  color: rgb(71 85 105 / 0.8);
}
.text-slate-600\/85{
  color: rgb(71 85 105 / 0.85);
}
.text-slate-700\/85{
  color: rgb(51 65 85 / 0.85);
}
.text-slate-700\/90{
  color: rgb(51 65 85 / 0.9);
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75{
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85{
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-yellow-700{
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.accent-primary{
  accent-color: hsl(var(--primary) / 1);
}
.opacity-0{
  opacity: 0;
}
.opacity-10{
  opacity: 0.1;
}
.opacity-100{
  opacity: 1;
}
.opacity-15{
  opacity: 0.15;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-75{
  opacity: 0.75;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.mix-blend-multiply{
  mix-blend-mode: multiply;
}
.mix-blend-screen{
  mix-blend-mode: screen;
}
.mix-blend-soft-light{
  mix-blend-mode: soft-light;
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_20px_-12px_rgba\(25\2c 39\2c 89\2c 0\.6\)\]{
  --tw-shadow: 0 10px 20px -12px rgba(25,39,89,0.6);
  --tw-shadow-colored: 0 10px 20px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_26px_-20px_hsl\(var\(--primary\)_\/_0\.4\)\]{
  --tw-shadow: 0 10px 26px -20px hsl(var(--primary) / 0.4);
  --tw-shadow-colored: 0 10px 26px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_-22px_hsl\(var\(--primary\)_\/_0\.45\)\]{
  --tw-shadow: 0 10px 30px -22px hsl(var(--primary) / 0.45);
  --tw-shadow-colored: 0 10px 30px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_28px_-24px_hsl\(var\(--primary\)_\/_0\.35\)\]{
  --tw-shadow: 0 12px 28px -24px hsl(var(--primary) / 0.35);
  --tw-shadow-colored: 0 12px 28px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_30px_-24px_rgba\(20\2c 20\2c 45\2c 0\.3\)\]{
  --tw-shadow: 0 12px 30px -24px rgba(20,20,45,0.3);
  --tw-shadow-colored: 0 12px 30px -24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_35px_-20px_rgba\(91\2c 124\2c 255\2c 0\.45\)\]{
  --tw-shadow: 0 12px 35px -20px rgba(91,124,255,0.45);
  --tw-shadow-colored: 0 12px 35px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_30px_-26px_hsl\(var\(--primary\)_\/_0\.45\)\]{
  --tw-shadow: 0 14px 30px -26px hsl(var(--primary) / 0.45);
  --tw-shadow-colored: 0 14px 30px -26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_36px_-30px_hsl\(var\(--primary\)_\/_0\.45\)\]{
  --tw-shadow: 0 16px 36px -30px hsl(var(--primary) / 0.45);
  --tw-shadow-colored: 0 16px 36px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_38px_-28px_hsl\(var\(--primary\)_\/_0\.4\)\]{
  --tw-shadow: 0 18px 38px -28px hsl(var(--primary) / 0.4);
  --tw-shadow-colored: 0 18px 38px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_45px_-35px_rgba\(20\2c 30\2c 70\2c 0\.45\)\]{
  --tw-shadow: 0 18px 45px -35px rgba(20,30,70,0.45);
  --tw-shadow-colored: 0 18px 45px -35px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_-48px_rgba\(24\2c 18\2c 58\2c 0\.4\)\]{
  --tw-shadow: 0 20px 60px -48px rgba(24,18,58,0.4);
  --tw-shadow-colored: 0 20px 60px -48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_45px_-30px_rgba\(67\2c 56\2c 202\2c 0\.35\)\]{
  --tw-shadow: 0 22px 45px -30px rgba(67,56,202,0.35);
  --tw-shadow-colored: 0 22px 45px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_50px_-40px_rgba\(20\2c 30\2c 70\2c 0\.65\)\]{
  --tw-shadow: 0 22px 50px -40px rgba(20,30,70,0.65);
  --tw-shadow-colored: 0 22px 50px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_55px_-45px_rgba\(18\2c 22\2c 60\2c 0\.4\)\]{
  --tw-shadow: 0 22px 55px -45px rgba(18,22,60,0.4);
  --tw-shadow-colored: 0 22px 55px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_55px_-40px_rgba\(20\2c 30\2c 70\2c 0\.55\)\]{
  --tw-shadow: 0 24px 55px -40px rgba(20,30,70,0.55);
  --tw-shadow-colored: 0 24px 55px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_60px_-52px_rgba\(18\2c 22\2c 60\2c 0\.45\)\]{
  --tw-shadow: 0 24px 60px -52px rgba(18,22,60,0.45);
  --tw-shadow-colored: 0 24px 60px -52px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_-45px_rgba\(30\2c 64\2c 175\2c 0\.45\)\]{
  --tw-shadow: 0 24px 80px -45px rgba(30,64,175,0.45);
  --tw-shadow-colored: 0 24px 80px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_50px_-40px_rgba\(20\2c 30\2c 70\2c 0\.8\)\]{
  --tw-shadow: 0 25px 50px -40px rgba(20,30,70,0.8);
  --tw-shadow-colored: 0 25px 50px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_60px_-45px_rgba\(15\2c 15\2c 35\2c 0\.6\)\]{
  --tw-shadow: 0 25px 60px -45px rgba(15,15,35,0.6);
  --tw-shadow-colored: 0 25px 60px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_60px_-45px_rgba\(15\2c 15\2c 35\2c 0\.7\)\]{
  --tw-shadow: 0 25px 60px -45px rgba(15,15,35,0.7);
  --tw-shadow-colored: 0 25px 60px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_70px_-46px_hsl\(var\(--primary\)_\/_0\.3\)\]{
  --tw-shadow: 0 28px 70px -46px hsl(var(--primary) / 0.3);
  --tw-shadow-colored: 0 28px 70px -46px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_70px_-46px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 28px 70px -46px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 28px 70px -46px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_70px_-56px_rgba\(18\2c 22\2c 62\2c 0\.48\)\]{
  --tw-shadow: 0 28px 70px -56px rgba(18,22,62,0.48);
  --tw-shadow-colored: 0 28px 70px -56px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_28px_80px_-50px_rgba\(14\2c 8\2c 24\2c 0\.85\)\]{
  --tw-shadow: 0 28px 80px -50px rgba(14,8,24,0.85);
  --tw-shadow-colored: 0 28px 80px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_100px_-45px_rgba\(15\2c 23\2c 42\2c 0\.85\)\]{
  --tw-shadow: 0 30px 100px -45px rgba(15,23,42,0.85);
  --tw-shadow-colored: 0 30px 100px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_60px_-50px_rgba\(10\2c 15\2c 35\2c 0\.35\)\]{
  --tw-shadow: 0 30px 60px -50px rgba(10,15,35,0.35);
  --tw-shadow-colored: 0 30px 60px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_60px_-50px_rgba\(10\2c 15\2c 35\2c 0\.6\)\]{
  --tw-shadow: 0 30px 60px -50px rgba(10,15,35,0.6);
  --tw-shadow-colored: 0 30px 60px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_80px_-54px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 30px 80px -54px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 30px 80px -54px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_-55px_rgba\(112\2c 126\2c 210\2c 0\.28\)\]{
  --tw-shadow: 0 30px 90px -55px rgba(112,126,210,0.28);
  --tw-shadow-colored: 0 30px 90px -55px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_120px_-60px_rgba\(15\2c 23\2c 42\2c 0\.66\)\]{
  --tw-shadow: 0 32px 120px -60px rgba(15,23,42,0.66);
  --tw-shadow-colored: 0 32px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_32px_80px_-50px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 32px 80px -50px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 32px 80px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_35px_120px_-45px_rgba\(20\2c 12\2c 60\2c 0\.9\)\]{
  --tw-shadow: 0 35px 120px -45px rgba(20,12,60,0.9);
  --tw-shadow-colored: 0 35px 120px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_36px_112px_-60px_hsl\(var\(--primary\)_\/_0\.3\)\]{
  --tw-shadow: 0 36px 112px -60px hsl(var(--primary) / 0.3);
  --tw-shadow-colored: 0 36px 112px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_38px_90px_-54px_hsl\(var\(--primary\)_\/_0\.3\)\]{
  --tw-shadow: 0 38px 90px -54px hsl(var(--primary) / 0.3);
  --tw-shadow-colored: 0 38px 90px -54px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_120px_-60px_rgba\(88\2c 80\2c 220\2c 0\.45\)\]{
  --tw-shadow: 0 40px 120px -60px rgba(88,80,220,0.45);
  --tw-shadow-colored: 0 40px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_46px_112px_-58px_hsl\(var\(--primary\)_\/_0\.3\)\]{
  --tw-shadow: 0 46px 112px -58px hsl(var(--primary) / 0.3);
  --tw-shadow-colored: 0 46px 112px -58px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_46px_118px_-60px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 46px 118px -60px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 46px 118px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_48px_118px_-58px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 48px 118px -58px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 48px 118px -58px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_48px_118px_-60px_hsl\(var\(--primary\)_\/_0\.3\)\]{
  --tw-shadow: 0 48px 118px -60px hsl(var(--primary) / 0.3);
  --tw-shadow-colored: 0 48px 118px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_48px_122px_-58px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 48px 122px -58px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 48px 122px -58px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_48px_122px_-60px_hsl\(var\(--primary\)_\/_0\.32\)\]{
  --tw-shadow: 0 48px 122px -60px hsl(var(--primary) / 0.32);
  --tw-shadow-colored: 0 48px 122px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_16px_-12px_rgba\(98\2c 86\2c 214\2c 0\.5\)\]{
  --tw-shadow: 0 8px 16px -12px rgba(98,86,214,0.5);
  --tw-shadow-colored: 0 8px 16px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.45\)\]{
  --tw-shadow: inset 0 0 1px rgba(255,255,255,0.45);
  --tw-shadow-colored: inset 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/5{
  --tw-shadow-color: rgb(0 0 0 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-blue-900\/5{
  --tw-shadow-color: rgb(30 58 138 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/10{
  --tw-shadow-color: hsl(var(--primary) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/20{
  --tw-shadow-color: hsl(var(--primary) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/30{
  --tw-shadow-color: hsl(var(--primary) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
  --tw-ring-inset: inset;
}
.ring-primary\/30{
  --tw-ring-color: hsl(var(--primary) / 0.3);
}
.ring-primary\/40{
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.ring-transparent{
  --tw-ring-color: transparent;
}
.ring-white\/10{
  --tw-ring-color: rgb(255 255 255 / 0.1);
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background) / 1);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[120px\]{
  --tw-blur: blur(120px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[1px\]{
  --tw-blur: blur(1px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[2px\]{
  --tw-blur: blur(2px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-lg{
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-md{
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\]{
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\!duration-0{
  transition-duration: 0s !important;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.rounded-xl {
    border-radius: 0.75rem !important;
  }
.\[grid-template-columns\:repeat\(auto-fit\2c minmax\(16rem\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Variable.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-VariableItalic.ttf');
  font-style: italic;
  font-display: swap;
}
html[data-home-transparency='enabled'] #home-root .home-posts-list .interactive-card,
html[data-home-transparency='enabled'] #home-root .home-posts-list [data-fluid-hover] {
  background-color: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
}
html[data-home-transparency='enabled'] #home-root .home-posts-list .interactive-card:hover,
html[data-home-transparency='enabled'] #home-root .home-posts-list [data-fluid-hover]:hover {
  background-color: transparent !important;
}
html[data-home-transparency='enabled'] #home-root .home-education-card {
  background-color: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
}
html[data-home-transparency='enabled'] #home-root .home-education-card:hover {
  background-color: transparent !important;
}
/* Scroll Animation Styles */
.dark\:prose-invert:is(.dark *){
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.dark\:prose-pure:is(.dark *){
  --tw-prose-headings: hsl(var(--foreground) / var(--tw-text-opacity, 1));
  --tw-prose-body: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  --tw-prose-links: hsl(var(--foreground) / var(--tw-text-opacity, 1));
  --tw-prose-quotes: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  --tw-prose-code:: hsl(var(--foreground) / var(--tw-text-opacity, 1));
  --tw-prose-pre-code: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  --tw-prose-pre-bg: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.dark\:prose-pure:is(.dark *) :where(h2, h3, h4, h5, h6, h7):not(:where([class~="not-prose"],[class~="not-prose"] *)) > a{
  margin-inline-start: 0.75rem;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  transition: opacity 0.2s ease;
  opacity: 0;
}
.dark\:prose-pure:is(.dark *) :where(h2, h3, h4, h5, h6, h7):not(:where([class~="not-prose"],[class~="not-prose"] *)):hover > a,.dark\:prose-pure:is(.dark *) :where(h2, h3, h4, h5, h6, h7):not(:where([class~="not-prose"],[class~="not-prose"] *)):target > a{
  opacity: 1;
}
.dark\:prose-pure:is(.dark *) :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-radius: var(--radius);
  margin: 0 auto;
}
.dark\:prose-pure:is(.dark *) :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  overflow-x: scroll;
}
.dark\:prose-pure:is(.dark *) :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  position: relative;
  overflow: hidden;
  border-width: 0.1rem;
  border-radius: var(--radius);
  padding-inline-start: 1.6rem !important;
  padding-inline-end: 1.6rem !important;
}
.dark\:prose-pure:is(.dark *) :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  position: absolute;
  content: "”";
  top: -5.4rem;
  right: -1.4rem;
  font-size: 10rem;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  transform: rotate(-15deg);
  opacity: 5%;
}
.dark\:prose-pure:is(.dark *) :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) p:first-of-type:before,.dark\:prose-pure:is(.dark *) :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) p:first-of-type:after{
  display: none;
}
.\*\:my-0 > *{
  margin-top: 0px;
  margin-bottom: 0px;
}
.backdrop\:backdrop-blur-sm::backdrop{
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:bottom-0::after{
  content: var(--tw-content);
  bottom: 0px;
}
.after\:start-3\.5::after{
  content: var(--tw-content);
  inset-inline-start: 0.875rem;
}
.after\:top-7::after{
  content: var(--tw-content);
  top: 1.75rem;
}
.after\:w-px::after{
  content: var(--tw-content);
  width: 1px;
}
.after\:-translate-x-\[0\.5px\]::after{
  content: var(--tw-content);
  --tw-translate-x: -0.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:bg-border\/50::after{
  content: var(--tw-content);
  background-color: hsl(var(--border) / 0.5);
}
.first\:pt-10:first-child{
  padding-top: 2.5rem;
}
.first\:pt-12:first-child{
  padding-top: 3rem;
}
.last\:mb-0:last-child{
  margin-bottom: 0px;
}
.last\:after\:hidden:last-child::after{
  content: var(--tw-content);
  display: none;
}
.open\:border-white\/25[open]{
  border-color: rgb(255 255 255 / 0.25);
}
.focus-within\:outline-none:focus-within{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-within\:ring-2:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-primary\/40:focus-within{
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-\[3px\]:hover{
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:translate-x-1:hover{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.03\]:hover{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[hsl\(var\(--primary\)_\/_0\.45\)\]:hover{
  border-color: hsl(var(--primary) / 0.45);
}
.hover\:border-border:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
.hover\:border-border\/75:hover{
  border-color: hsl(var(--border) / 0.75);
}
.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
}
.hover\:border-primary\/35:hover{
  border-color: hsl(var(--primary) / 0.35);
}
.hover\:border-primary\/40:hover{
  border-color: hsl(var(--primary) / 0.4);
}
.hover\:border-primary\/50:hover{
  border-color: hsl(var(--primary) / 0.5);
}
.hover\:border-primary\/55:hover{
  border-color: hsl(var(--primary) / 0.55);
}
.hover\:border-primary\/60:hover{
  border-color: hsl(var(--primary) / 0.6);
}
.hover\:border-primary\/70:hover{
  border-color: hsl(var(--primary) / 0.7);
}
.hover\:border-slate-400\/70:hover{
  border-color: rgb(148 163 184 / 0.7);
}
.hover\:bg-\[\#e3defc\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(227 222 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-background\/80:hover{
  background-color: hsl(var(--background) / 0.8);
}
.hover\:bg-black\/70:hover{
  background-color: rgb(0 0 0 / 0.7);
}
.hover\:bg-border:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--border) / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted\/60:hover{
  background-color: hsl(var(--muted) / 0.6);
}
.hover\:bg-muted\/70:hover{
  background-color: hsl(var(--muted) / 0.7);
}
.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-foreground:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/10:hover{
  background-color: hsl(var(--primary) / 0.1);
}
.hover\:bg-primary\/15:hover{
  background-color: hsl(var(--primary) / 0.15);
}
.hover\:bg-primary\/20:hover{
  background-color: hsl(var(--primary) / 0.2);
}
.hover\:bg-primary\/25:hover{
  background-color: hsl(var(--primary) / 0.25);
}
.hover\:bg-primary\/5:hover{
  background-color: hsl(var(--primary) / 0.05);
}
.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-slate-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-transparent:hover{
  background-color: transparent;
}
.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:bg-white\/25:hover{
  background-color: rgb(255 255 255 / 0.25);
}
.hover\:bg-white\/90:hover{
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:text-foreground:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.hover\:text-inherit:hover{
  color: inherit;
}
.hover\:text-muted-foreground:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.hover\:text-primary-foreground:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.hover\:text-primary\/80:hover{
  color: hsl(var(--primary) / 0.8);
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:no-underline:hover{
  text-decoration-line: none;
}
.hover\:underline-offset-4:hover{
  text-underline-offset: 4px;
}
.hover\:opacity-75:hover{
  opacity: 0.75;
}
.hover\:opacity-90:hover{
  opacity: 0.9;
}
.hover\:shadow:hover{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-2xl:hover{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_18px_40px_-30px_rgba\(91\2c 124\2c 255\2c 0\.35\)\]:hover{
  --tw-shadow: 0 18px 40px -30px rgba(91,124,255,0.35);
  --tw-shadow-colored: 0 18px 40px -30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_28px_60px_-35px_rgba\(88\2c 76\2c 210\2c 0\.4\)\]:hover{
  --tw-shadow: 0 28px 60px -35px rgba(88,76,210,0.4);
  --tw-shadow-colored: 0 28px 60px -35px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_28px_90px_-45px_rgba\(59\2c 73\2c 155\2c 0\.75\)\]:hover{
  --tw-shadow: 0 28px 90px -45px rgba(59,73,155,0.75);
  --tw-shadow-colored: 0 28px 90px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_30px_70px_-40px_rgba\(91\2c 124\2c 255\2c 0\.45\)\]:hover{
  --tw-shadow: 0 30px 70px -40px rgba(91,124,255,0.45);
  --tw-shadow-colored: 0 30px 70px -40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_35px_75px_-45px_rgba\(91\2c 124\2c 255\2c 0\.35\)\]:hover{
  --tw-shadow: 0 35px 75px -45px rgba(91,124,255,0.35);
  --tw-shadow-colored: 0 35px 75px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-primary\/10:hover{
  --tw-shadow-color: hsl(var(--primary) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/20:hover{
  --tw-shadow-color: hsl(var(--primary) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-primary\/40:hover{
  --tw-shadow-color: hsl(var(--primary) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.focus\:border-foreground:focus{
  --tw-border-opacity: 1;
  border-color: hsl(var(--foreground) / var(--tw-border-opacity, 1));
}
.focus\:border-primary:focus{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-primary\/20:focus{
  --tw-ring-color: hsl(var(--primary) / 0.2);
}
.focus\:ring-primary\/40:focus{
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible{
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible{
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px;
}
.focus-visible\:outline-primary:focus-visible{
  outline-color: hsl(var(--primary) / 1);
}
.focus-visible\:outline-primary\/30:focus-visible{
  outline-color: hsl(var(--primary) / 0.3);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-primary:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-primary\/40:focus-visible{
  --tw-ring-color: hsl(var(--primary) / 0.4);
}
.focus-visible\:ring-primary\/45:focus-visible{
  --tw-ring-color: hsl(var(--primary) / 0.45);
}
.focus-visible\:ring-primary\/60:focus-visible{
  --tw-ring-color: hsl(var(--primary) / 0.6);
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible{
  --tw-ring-offset-color: hsl(var(--background) / 1);
}
.active\:scale-95:active{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:shadow-none:active{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.group\/movie[open] .group-open\/movie\:rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/movie[open] .group-open\/movie\:opacity-0{
  opacity: 0;
}
.group\/link:hover .group-hover\/link\:-translate-y-0\.5{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/link:hover .group-hover\/link\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/card:hover .group-hover\/card\:scale-\[1\.04\]{
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-125{
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.05\]{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/link:hover .group-hover\/link\:scale-x-100{
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-x-100{
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/button:hover .group-hover\/button\:border-primary\/40{
  border-color: hsl(var(--primary) / 0.4);
}
.group:hover .group-hover\:border-primary\/40{
  border-color: hsl(var(--primary) / 0.4);
}
.group:hover .group-hover\:border-primary\/50{
  border-color: hsl(var(--primary) / 0.5);
}
.group:hover .group-hover\:border-primary\/60{
  border-color: hsl(var(--primary) / 0.6);
}
.group\/button:hover .group-hover\/button\:bg-primary\/60{
  background-color: hsl(var(--primary) / 0.6);
}
.group\/card:hover .group-hover\/card\:bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.group\/link:hover .group-hover\/link\:bg-primary\/15{
  background-color: hsl(var(--primary) / 0.15);
}
.group:hover .group-hover\:bg-black\/15{
  background-color: rgb(0 0 0 / 0.15);
}
.group:hover .group-hover\:bg-muted{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:to-80\%{
  --tw-gradient-to-position: 80%;
}
.group\/highlight:hover .group-hover\/highlight\:stroke-primary{
  stroke: hsl(var(--primary) / 1);
}
.group\/link:hover .group-hover\/link\:stroke-primary{
  stroke: hsl(var(--primary) / 1);
}
.group:hover .group-hover\:stroke-primary{
  stroke: hsl(var(--primary) / 1);
}
.group\/button:hover .group-hover\/button\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.group\/card:hover .group-hover\/card\:text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group\/dark:hover .group-hover\/dark\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.group\/highlight:hover .group-hover\/highlight\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.group\/link:hover .group-hover\/link\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.group\/link:hover .group-hover\/link\:text-primary\/90{
  color: hsl(var(--primary) / 0.9);
}
.group:hover .group-hover\:text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-primary\/90{
  color: hsl(var(--primary) / 0.9);
}
.group\/card:hover .group-hover\/card\:opacity-100{
  opacity: 1;
}
.group\/progress:hover .group-hover\/progress\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-0{
  opacity: 0;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-50{
  opacity: 0.5;
}
.group:hover .group-hover\:opacity-60{
  opacity: 0.6;
}
.group\/card:hover .group-hover\/card\:shadow-\[0_14px_25px_-12px_rgba\(76\2c 81\2c 191\2c 0\.55\)\]{
  --tw-shadow: 0 14px 25px -12px rgba(76,81,191,0.55);
  --tw-shadow-colored: 0 14px 25px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group\/card:hover .group-hover\/card\:shadow-\[inset_0_0_18px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{
  --tw-shadow: inset 0 0 18px rgba(255,255,255,0.3);
  --tw-shadow-colored: inset 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-\[0_28px_90px_-45px_rgba\(99\2c 102\2c 241\2c 0\.5\)\]{
  --tw-shadow: 0 28px 90px -45px rgba(99,102,241,0.5);
  --tw-shadow-colored: 0 28px 90px -45px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:blur-none{
  --tw-blur:  ;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:mb-3{
  margin-bottom: 0.75rem;
}
.group.not-top .group-\[\.not-top\]\:me-1\.5{
  margin-inline-end: 0.375rem;
}
.group.not-top .group-\[\.not-top\]\:ms-3{
  margin-inline-start: 0.75rem;
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:scale-x-0{
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group.not-top .group-\[\.not-top\]\:gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.group.not-top .group-\[\.not-top\]\:rounded-xl{
  border-radius: 0.75rem;
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:bg-muted{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.group\/buttondata-highlight=true .group-\[data-highlight\=true\]\/button\:bg-primary\/80{
  background-color: hsl(var(--primary) / 0.8);
}
.group.ended .group-\[\.ended\]\:opacity-0{
  opacity: 0;
}
.group.ended .group-\[\.ended\]\:opacity-100{
  opacity: 1;
}
.group\/expand.expanded .group-\[\.expanded\]\/expand\:opacity-100{
  opacity: 1;
}
.group.expanded .group-\[\.expanded\]\:opacity-100{
  opacity: 1;
}
.group.not-top .group-\[\.not-top\]\:rounded-xl {
    border-radius: 0.75rem !important;
  }
.aria-expanded\:max-h-\[256px\][aria-expanded="true"]{
  max-height: 256px;
}
.aria-expanded\:translate-y-4[aria-expanded="true"]{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.aria-expanded\:opacity-100[aria-expanded="true"]{
  opacity: 1;
}
.data-\[active\=true\]\:translate-y-0[data-active="true"]{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[show\=true\]\:translate-y-0[data-show="true"]{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[embedded\=true\]\:scale-\[1\.03\][data-embedded="true"]{
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[playing\=true\]\:scale-95[data-playing="true"]{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=hidden\]\:scale-75[data-state="hidden"]{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=visible\]\:scale-100[data-state="visible"]{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[active\=true\]\:border-primary\/50[data-active="true"]{
  border-color: hsl(var(--primary) / 0.5);
}
.data-\[active\=true\]\:border-primary\/60[data-active="true"]{
  border-color: hsl(var(--primary) / 0.6);
}
.data-\[playing\=true\]\:bg-primary[data-playing="true"]{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.data-\[active\=true\]\:text-primary[data-active="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.data-\[playing\=true\]\:text-primary-foreground[data-playing="true"]{
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.data-\[active\=true\]\:opacity-100[data-active="true"]{
  opacity: 1;
}
.data-\[show\=true\]\:opacity-100[data-show="true"]{
  opacity: 1;
}
.data-\[state\=hidden\]\:opacity-0[data-state="hidden"]{
  opacity: 0;
}
.data-\[state\=loaded\]\:opacity-25[data-state="loaded"]{
  opacity: 0.25;
}
.data-\[state\=visible\]\:opacity-100[data-state="visible"]{
  opacity: 1;
}
.data-\[visible\=true\]\:opacity-100[data-visible="true"]{
  opacity: 1;
}
.data-\[visible\=true\]\:opacity-75[data-visible="true"]{
  opacity: 0.75;
}
.data-\[visible\=true\]\:opacity-80[data-visible="true"]{
  opacity: 0.8;
}
.data-\[playing\=true\]\:shadow-\[0_18px_35px_-14px_rgba\(79\2c 70\2c 229\2c 0\.6\)\][data-playing="true"]{
  --tw-shadow: 0 18px 35px -14px rgba(79,70,229,0.6);
  --tw-shadow-colored: 0 18px 35px -14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[active\=true\]\:ring-1[data-active="true"]{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.data-\[active\=true\]\:ring-primary\/25[data-active="true"]{
  --tw-ring-color: hsl(var(--primary) / 0.25);
}
.data-\[visible\=true\]\:blur-\[1px\][data-visible="true"]{
  --tw-blur: blur(1px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.prose-headings\:font-medium :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-weight: 500;
}
.prose-p\:my-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  line-height: 1.625;
}
.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.prose-strong\:text-foreground :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
@supports (backdrop-filter: var(--tw)){
  .supports-\[backdrop-filter\]\:bg-card\/30{
    background-color: hsl(var(--card) / 0.3);
  }
  .supports-\[backdrop-filter\]\:bg-white\/60{
    background-color: rgb(255 255 255 / 0.6);
  }
}
.dark\:block:is(.dark *){
  display: block;
}
.dark\:hidden:is(.dark *){
  display: none;
}
.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:border-border\/50:is(.dark *){
  border-color: hsl(var(--border) / 0.5);
}
.dark\:border-border\/60:is(.dark *){
  border-color: hsl(var(--border) / 0.6);
}
.dark\:border-emerald-300\/30:is(.dark *){
  border-color: rgb(110 231 183 / 0.3);
}
.dark\:border-transparent:is(.dark *){
  border-color: transparent;
}
.dark\:border-white\/10:is(.dark *){
  border-color: rgb(255 255 255 / 0.1);
}
.dark\:border-white\/15:is(.dark *){
  border-color: rgb(255 255 255 / 0.15);
}
.dark\:border-white\/20:is(.dark *){
  border-color: rgb(255 255 255 / 0.2);
}
.dark\:border-white\/30:is(.dark *){
  border-color: rgb(255 255 255 / 0.3);
}
.dark\:border-white\/5:is(.dark *){
  border-color: rgb(255 255 255 / 0.05);
}
.dark\:border-yellow-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}
.dark\:bg-cyan-400\/20:is(.dark *){
  background-color: rgb(34 211 238 / 0.2);
}
.dark\:bg-emerald-400\/20:is(.dark *){
  background-color: rgb(52 211 153 / 0.2);
}
.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-muted\/60:is(.dark *){
  background-color: hsl(var(--muted) / 0.6);
}
.dark\:bg-pink-500\/15:is(.dark *){
  background-color: rgb(236 72 153 / 0.15);
}
.dark\:bg-primary\/15:is(.dark *){
  background-color: hsl(var(--primary) / 0.15);
}
.dark\:bg-white\/10:is(.dark *){
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:bg-white\/15:is(.dark *){
  background-color: rgb(255 255 255 / 0.15);
}
.dark\:bg-white\/20:is(.dark *){
  background-color: rgb(255 255 255 / 0.2);
}
.dark\:bg-white\/5:is(.dark *){
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:bg-white\/90:is(.dark *){
  background-color: rgb(255 255 255 / 0.9);
}
.dark\:bg-yellow-900\/20:is(.dark *){
  background-color: rgb(113 63 18 / 0.2);
}
.dark\:bg-\[linear-gradient\(120deg\2c rgba\(9\2c 11\2c 28\2c 0\.85\)\2c rgba\(24\2c 12\2c 48\2c 0\.35\)_45\%\2c rgba\(12\2c 16\2c 40\2c 0\.88\)\)\]:is(.dark *){
  background-image: linear-gradient(120deg,rgba(9,11,28,0.85),rgba(24,12,48,0.35) 45%,rgba(12,16,40,0.88));
}
.dark\:bg-gradient-to-r:is(.dark *){
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.dark\:bg-gradient-to-t:is(.dark *){
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.dark\:bg-gradient-to-tr:is(.dark *){
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.dark\:from-\[\#050621\]:is(.dark *){
  --tw-gradient-from: #050621 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 6 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#090c1f\]:is(.dark *){
  --tw-gradient-from: #090c1f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(9 12 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#0b1b33\]:is(.dark *){
  --tw-gradient-from: #0b1b33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(11 27 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#0e1a2e\]:is(.dark *){
  --tw-gradient-from: #0e1a2e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 26 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#0f182f\]:is(.dark *){
  --tw-gradient-from: #0f182f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 24 47 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#101828\]:is(.dark *){
  --tw-gradient-from: #101828 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 24 40 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#161d33\]:is(.dark *){
  --tw-gradient-from: #161d33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 29 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-black\/50:is(.dark *){
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-black\/65:is(.dark *){
  --tw-gradient-from: rgb(0 0 0 / 0.65) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-black\/75:is(.dark *){
  --tw-gradient-from: rgb(0 0 0 / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-cyan-400\/40:is(.dark *){
  --tw-gradient-from: rgb(34 211 238 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-emerald-400\/40:is(.dark *){
  --tw-gradient-from: rgb(52 211 153 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-fuchsia-500\/45:is(.dark *){
  --tw-gradient-from: rgb(217 70 239 / 0.45) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-400\/50:is(.dark *){
  --tw-gradient-from: rgb(129 140 248 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-indigo-500\/40:is(.dark *){
  --tw-gradient-from: rgb(99 102 241 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-primary\/15:is(.dark *){
  --tw-gradient-from: hsl(var(--primary) / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-500\/40:is(.dark *){
  --tw-gradient-from: rgb(168 85 247 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-purple-500\/45:is(.dark *){
  --tw-gradient-from: rgb(168 85 247 / 0.45) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-rose-500\/40:is(.dark *){
  --tw-gradient-from: rgb(244 63 94 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-sky-400\/40:is(.dark *){
  --tw-gradient-from: rgb(56 189 248 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-sky-400\/50:is(.dark *){
  --tw-gradient-from: rgb(56 189 248 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-sky-500\/40:is(.dark *){
  --tw-gradient-from: rgb(14 165 233 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-800:is(.dark *){
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-900:is(.dark *){
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-slate-950\/40:is(.dark *){
  --tw-gradient-from: rgb(2 6 23 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-\[\#111133\]:is(.dark *){
  --tw-gradient-to: rgb(17 17 51 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111133 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-\[\#111437\]:is(.dark *){
  --tw-gradient-to: rgb(17 20 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111437 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-\[\#121130\]:is(.dark *){
  --tw-gradient-to: rgb(18 17 48 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #121130 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-\[\#121332\]:is(.dark *){
  --tw-gradient-to: rgb(18 19 50 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #121332 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-\[\#13183c\]:is(.dark *){
  --tw-gradient-to: rgb(19 24 60 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #13183c var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-\[\#1a1430\]:is(.dark *){
  --tw-gradient-to: rgb(26 20 48 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a1430 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-\[\#1b2040\]:is(.dark *){
  --tw-gradient-to: rgb(27 32 64 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1b2040 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-black\/40:is(.dark *){
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-black\/45:is(.dark *){
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-700:is(.dark *){
  --tw-gradient-to: rgb(51 65 85 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #334155 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-800:is(.dark *){
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-slate-950\/60:is(.dark *){
  --tw-gradient-to: rgb(2 6 23 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(2 6 23 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-white\/25:is(.dark *){
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-white\/30:is(.dark *){
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:to-\[\#1c1b3a\]:is(.dark *){
  --tw-gradient-to: #1c1b3a var(--tw-gradient-to-position);
}
.dark\:to-\[\#1d1b3a\]:is(.dark *){
  --tw-gradient-to: #1d1b3a var(--tw-gradient-to-position);
}
.dark\:to-\[\#1f103a\]:is(.dark *){
  --tw-gradient-to: #1f103a var(--tw-gradient-to-position);
}
.dark\:to-\[\#1f203f\]:is(.dark *){
  --tw-gradient-to: #1f203f var(--tw-gradient-to-position);
}
.dark\:to-\[\#201c3f\]:is(.dark *){
  --tw-gradient-to: #201c3f var(--tw-gradient-to-position);
}
.dark\:to-\[\#261f4a\]:is(.dark *){
  --tw-gradient-to: #261f4a var(--tw-gradient-to-position);
}
.dark\:to-\[\#271047\]:is(.dark *){
  --tw-gradient-to: #271047 var(--tw-gradient-to-position);
}
.dark\:to-black:is(.dark *){
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.dark\:to-black\/40:is(.dark *){
  --tw-gradient-to: rgb(0 0 0 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-blue-500\/40:is(.dark *){
  --tw-gradient-to: rgb(59 130 246 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-cyan-400\/40:is(.dark *){
  --tw-gradient-to: rgb(34 211 238 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-fuchsia-400\/40:is(.dark *){
  --tw-gradient-to: rgb(232 121 249 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-fuchsia-500\/40:is(.dark *){
  --tw-gradient-to: rgb(217 70 239 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-pink-400\/40:is(.dark *){
  --tw-gradient-to: rgb(244 114 182 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-pink-400\/45:is(.dark *){
  --tw-gradient-to: rgb(244 114 182 / 0.45) var(--tw-gradient-to-position);
}
.dark\:to-primary\/40:is(.dark *){
  --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-purple-500\/40:is(.dark *){
  --tw-gradient-to: rgb(168 85 247 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-rose-400\/50:is(.dark *){
  --tw-gradient-to: rgb(251 113 133 / 0.5) var(--tw-gradient-to-position);
}
.dark\:to-sky-400\/40:is(.dark *){
  --tw-gradient-to: rgb(56 189 248 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-sky-400\/45:is(.dark *){
  --tw-gradient-to: rgb(56 189 248 / 0.45) var(--tw-gradient-to-position);
}
.dark\:to-slate-600:is(.dark *){
  --tw-gradient-to: #475569 var(--tw-gradient-to-position);
}
.dark\:to-slate-900:is(.dark *){
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}
.dark\:to-slate-950\/40:is(.dark *){
  --tw-gradient-to: rgb(2 6 23 / 0.4) var(--tw-gradient-to-position);
}
.dark\:to-transparent:is(.dark *){
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.dark\:text-amber-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400\/90:is(.dark *){
  color: rgb(251 191 36 / 0.9);
}
.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400\/90:is(.dark *){
  color: rgb(96 165 250 / 0.9);
}
.dark\:text-emerald-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(236 253 245 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-primary-foreground:is(.dark *){
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.dark\:text-primary\/85:is(.dark *){
  color: hsl(var(--primary) / 0.85);
}
.dark\:text-slate-900:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-white\/50:is(.dark *){
  color: rgb(255 255 255 / 0.5);
}
.dark\:text-white\/60:is(.dark *){
  color: rgb(255 255 255 / 0.6);
}
.dark\:text-white\/65:is(.dark *){
  color: rgb(255 255 255 / 0.65);
}
.dark\:text-white\/70:is(.dark *){
  color: rgb(255 255 255 / 0.7);
}
.dark\:text-white\/75:is(.dark *){
  color: rgb(255 255 255 / 0.75);
}
.dark\:text-white\/80:is(.dark *){
  color: rgb(255 255 255 / 0.8);
}
.dark\:text-white\/85:is(.dark *){
  color: rgb(255 255 255 / 0.85);
}
.dark\:text-white\/90:is(.dark *){
  color: rgb(255 255 255 / 0.9);
}
.dark\:text-yellow-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.dark\:opacity-35:is(.dark *){
  opacity: 0.35;
}
.dark\:opacity-40:is(.dark *){
  opacity: 0.4;
}
.dark\:opacity-50:is(.dark *){
  opacity: 0.5;
}
.dark\:shadow-\[0_30px_80px_-50px_rgba\(12\2c 10\2c 40\2c 0\.8\)\]:is(.dark *){
  --tw-shadow: 0 30px 80px -50px rgba(12,10,40,0.8);
  --tw-shadow-colored: 0 30px 80px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_32px_120px_-60px_rgba\(36\2c 24\2c 76\2c 0\.85\)\]:is(.dark *){
  --tw-shadow: 0 32px 120px -60px rgba(36,24,76,0.85);
  --tw-shadow-colored: 0 32px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_40px_120px_-50px_rgba\(14\2c 35\2c 85\2c 0\.9\)\]:is(.dark *){
  --tw-shadow: 0 40px 120px -50px rgba(14,35,85,0.9);
  --tw-shadow-colored: 0 40px 120px -50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_40px_120px_-60px_rgba\(36\2c 49\2c 123\2c 0\.8\)\]:is(.dark *){
  --tw-shadow: 0 40px 120px -60px rgba(36,49,123,0.8);
  --tw-shadow-colored: 0 40px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_40px_120px_-60px_rgba\(52\2c 35\2c 110\2c 0\.8\)\]:is(.dark *){
  --tw-shadow: 0 40px 120px -60px rgba(52,35,110,0.8);
  --tw-shadow-colored: 0 40px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_45px_120px_-55px_rgba\(15\2c 35\2c 85\2c 0\.8\)\]:is(.dark *){
  --tw-shadow: 0 45px 120px -55px rgba(15,35,85,0.8);
  --tw-shadow-colored: 0 45px 120px -55px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_45px_120px_-60px_rgba\(15\2c 35\2c 85\2c 0\.85\)\]:is(.dark *){
  --tw-shadow: 0 45px 120px -60px rgba(15,35,85,0.85);
  --tw-shadow-colored: 0 45px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_45px_120px_-60px_rgba\(15\2c 35\2c 85\2c 0\.9\)\]:is(.dark *){
  --tw-shadow: 0 45px 120px -60px rgba(15,35,85,0.9);
  --tw-shadow-colored: 0 45px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_45px_130px_-55px_rgba\(20\2c 35\2c 85\2c 0\.85\)\]:is(.dark *){
  --tw-shadow: 0 45px 130px -55px rgba(20,35,85,0.85);
  --tw-shadow-colored: 0 45px 130px -55px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:shadow-\[0_50px_120px_-60px_rgba\(15\2c 23\2c 42\2c 0\.85\)\]:is(.dark *){
  --tw-shadow: 0 50px 120px -60px rgba(15,23,42,0.85);
  --tw-shadow-colored: 0 50px 120px -60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:after\:bg-border\/50:is(.dark *)::after{
  content: var(--tw-content);
  background-color: hsl(var(--border) / 0.5);
}
.dark\:hover\:border-white\/40:hover:is(.dark *){
  border-color: rgb(255 255 255 / 0.4);
}
.dark\:hover\:bg-white\/15:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.15);
}
.dark\:hover\:bg-white\/20:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.2);
}
.dark\:hover\:bg-white\/30:hover:is(.dark *){
  background-color: rgb(255 255 255 / 0.3);
}
.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group.expanded.not-top .dark\:group-\[\.expanded\.not-top\]\:bg-muted\/80:is(.dark *){
  background-color: hsl(var(--muted) / 0.8);
}
.group.expanded.not-top .dark\:group-\[\.expanded\.not-top\]\:backdrop-blur-xl:is(.dark *){
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:data-\[playing\=true\]\:bg-primary\/90[data-playing="true"]:is(.dark *){
  background-color: hsl(var(--primary) / 0.9);
}
@supports (backdrop-filter: var(--tw)){
  .group.expanded.not-top .dark\:group-\[\.expanded\.not-top\]\:supports-\[backdrop-filter\]\:bg-muted\/60:is(.dark *){
    background-color: hsl(var(--muted) / 0.6);
  }
}
@media not all and (min-width: 1024px){
  .max-lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
}
@media not all and (min-width: 768px){
  .max-md\:hidden{
    display: none;
  }
  .max-md\:border-b{
    border-bottom-width: 1px;
  }
}
@media not all and (min-width: 640px){
  .max-sm\:pointer-events-none{
    pointer-events: none;
  }
  .max-sm\:absolute{
    position: absolute;
  }
  .max-sm\:max-w-none{
    max-width: none;
  }
  .max-sm\:max-w-sm{
    max-width: 24rem;
  }
  .max-sm\:flex-col{
    flex-direction: column;
  }
  .max-sm\:place-self-center{
    place-self: center;
  }
  .max-sm\:bg-primary-foreground{
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1));
  }
  .max-sm\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .max-sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .max-sm\:pb-4{
    padding-bottom: 1rem;
  }
  .max-sm\:pt-0{
    padding-top: 0px;
  }
  .max-sm\:opacity-0{
    opacity: 0;
  }
  .group.expanded .max-sm\:group-\[\.expanded\]\:pointer-events-auto{
    pointer-events: auto;
  }
  .group.expanded .max-sm\:group-\[\.expanded\]\:block{
    display: block;
  }
  .group.expanded.not-top .max-sm\:group-\[\.expanded\.not-top\]\:hidden{
    display: none;
  }
  .group.not-top .max-sm\:group-\[\.not-top\]\:border{
    border-width: 1px;
  }
  .group.expanded .max-sm\:group-\[\.expanded\]\:bg-background\/80{
    background-color: hsl(var(--background) / 0.8);
  }
  .group.expanded .max-sm\:group-\[\.expanded\]\:bg-white\/80{
    background-color: rgb(255 255 255 / 0.8);
  }
  .group.not-top .max-sm\:group-\[\.not-top\]\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .group.not-top .max-sm\:group-\[\.not-top\]\:pb-2{
    padding-bottom: 0.5rem;
  }
  .group.not-top .max-sm\:group-\[\.not-top\]\:pt-2{
    padding-top: 0.5rem;
  }
  .group.expanded .max-sm\:group-\[\.expanded\]\:backdrop-blur-xl{
    --tw-backdrop-blur: blur(24px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  @supports (backdrop-filter: var(--tw)){
    .group.expanded .max-sm\:group-\[\.expanded\]\:supports-\[backdrop-filter\]\:bg-background\/60{
      background-color: hsl(var(--background) / 0.6);
    }
    .group.expanded .max-sm\:group-\[\.expanded\]\:supports-\[backdrop-filter\]\:bg-white\/60{
      background-color: rgb(255 255 255 / 0.6);
    }
  }
  .group.expanded .dark\:max-sm\:group-\[\.expanded\]\:bg-muted\/80:is(.dark *){
    background-color: hsl(var(--muted) / 0.8);
  }
  @supports (backdrop-filter: var(--tw)){
    .group.expanded .dark\:max-sm\:group-\[\.expanded\]\:supports-\[backdrop-filter\]\:bg-muted\/60:is(.dark *){
      background-color: hsl(var(--muted) / 0.6);
    }
  }
}
@media (min-width: 640px){
  .sm\:absolute{
    position: absolute;
  }
  .sm\:-start-6{
    inset-inline-start: -1.5rem;
  }
  .sm\:bottom-7{
    bottom: 1.75rem;
  }
  .sm\:end-8{
    inset-inline-end: 2rem;
  }
  .sm\:left-8{
    left: 2rem;
  }
  .sm\:right-0{
    right: 0px;
  }
  .sm\:top-1\.5{
    top: 0.375rem;
  }
  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .sm\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm\:-ml-4{
    margin-left: -1rem;
  }
  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }
  .sm\:ms-4{
    margin-inline-start: 1rem;
  }
  .sm\:mt-0{
    margin-top: 0px;
  }
  .sm\:mt-1{
    margin-top: 0.25rem;
  }
  .sm\:mt-10{
    margin-top: 2.5rem;
  }
  .sm\:mt-5{
    margin-top: 1.25rem;
  }
  .sm\:mt-6{
    margin-top: 1.5rem;
  }
  .sm\:line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .sm\:block{
    display: block;
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:inline-flex{
    display: inline-flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:size-32{
    width: 8rem;
    height: 8rem;
  }
  .sm\:size-4{
    width: 1rem;
    height: 1rem;
  }
  .sm\:size-6{
    width: 1.5rem;
    height: 1.5rem;
  }
  .sm\:h-12{
    height: 3rem;
  }
  .sm\:min-h-0{
    min-height: 0px;
  }
  .sm\:w-1\/3{
    width: 33.333333%;
  }
  .sm\:w-12{
    width: 3rem;
  }
  .sm\:w-\[260px\]{
    width: 260px;
  }
  .sm\:w-auto{
    width: auto;
  }
  .sm\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }
  .sm\:min-w-16{
    min-width: 4rem;
  }
  .sm\:min-w-\[82px\]{
    min-width: 82px;
  }
  .sm\:max-w-60{
    max-width: 15rem;
  }
  .sm\:max-w-\[65\%\]{
    max-width: 65%;
  }
  .sm\:max-w-sm{
    max-width: 24rem;
  }
  .sm\:columns-2{
    -moz-columns: 2;
         columns: 2;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .sm\:flex-wrap{
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap{
    flex-wrap: nowrap;
  }
  .sm\:items-start{
    align-items: flex-start;
  }
  .sm\:items-end{
    align-items: flex-end;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:items-stretch{
    align-items: stretch;
  }
  .sm\:justify-start{
    justify-content: flex-start;
  }
  .sm\:justify-end{
    justify-content: flex-end;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:gap-1\.5{
    gap: 0.375rem;
  }
  .sm\:gap-2{
    gap: 0.5rem;
  }
  .sm\:gap-3{
    gap: 0.75rem;
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:gap-5{
    gap: 1.25rem;
  }
  .sm\:gap-6{
    gap: 1.5rem;
  }
  .sm\:gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  .sm\:gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
  .sm\:gap-x-5{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .sm\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .sm\:gap-x-7{
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem;
  }
  .sm\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .sm\:gap-y-1{
    row-gap: 0.25rem;
  }
  .sm\:gap-y-2{
    row-gap: 0.5rem;
  }
  .sm\:gap-y-4{
    row-gap: 1rem;
  }
  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .sm\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }
  .sm\:self-auto{
    align-self: auto;
  }
  .sm\:self-end{
    align-self: flex-end;
  }
  .sm\:rounded-2xl{
    border-radius: 1rem;
  }
  .sm\:rounded-\[2\.75rem\]{
    border-radius: 2.75rem;
  }
  .sm\:border-0{
    border-width: 0px;
  }
  .sm\:p-1\.5{
    padding: 0.375rem;
  }
  .sm\:p-10{
    padding: 2.5rem;
  }
  .sm\:p-3{
    padding: 0.75rem;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:p-7{
    padding: 1.75rem;
  }
  .sm\:p-8{
    padding: 2rem;
  }
  .sm\:p-9{
    padding: 2.25rem;
  }
  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-12{
    padding-bottom: 3rem;
  }
  .sm\:pb-24{
    padding-bottom: 6rem;
  }
  .sm\:pb-7{
    padding-bottom: 1.75rem;
  }
  .sm\:ps-12{
    padding-inline-start: 3rem;
  }
  .sm\:ps-2{
    padding-inline-start: 0.5rem;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-center{
    text-align: center;
  }
  .sm\:text-right{
    text-align: right;
  }
  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-9xl{
    font-size: 8rem;
    line-height: 1;
  }
  .sm\:text-\[10rem\]{
    font-size: 10rem;
  }
  .sm\:text-\[2\.75rem\]{
    font-size: 2.75rem;
  }
  .sm\:text-\[3rem\]{
    font-size: 3rem;
  }
  .sm\:text-\[9rem\]{
    font-size: 9rem;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:text-muted-foreground{
    --tw-text-opacity: 1;
    color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
  }
  .group\/expand.expanded .sm\:group-\[\.expanded\]\/expand\:mb-4{
    margin-bottom: 1rem;
  }
  .group.not-top .sm\:group-\[\.not-top\]\:ms-5{
    margin-inline-start: 1.25rem;
  }
  .group.not-top .sm\:group-\[\.not-top\]\:rounded-xl{
    border-radius: 0.75rem !important;
  }
}
@media (min-width: 768px){
  .md\:sticky{
    position: sticky;
  }
  .md\:-start-16{
    inset-inline-start: -4rem;
  }
  .md\:order-2{
    order: 2;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-48{
    height: 12rem;
  }
  .md\:w-4\/5{
    width: 80%;
  }
  .md\:w-48{
    width: 12rem;
  }
  .md\:w-64{
    width: 16rem;
  }
  .md\:w-80{
    width: 20rem;
  }
  .md\:min-w-36{
    min-width: 9rem;
  }
  .md\:min-w-\[45ch\]{
    min-width: 45ch;
  }
  .md\:min-w-\[50ch\]{
    min-width: 50ch;
  }
  .md\:max-w-2xl{
    max-width: 42rem;
  }
  .md\:max-w-\[60\%\]{
    max-width: 60%;
  }
  .md\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:items-end{
    align-items: flex-end;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:gap-7{
    gap: 1.75rem;
  }
  .md\:gap-8{
    gap: 2rem;
  }
  .md\:gap-x-5{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .md\:gap-y-0{
    row-gap: 0px;
  }
  .md\:p-10{
    padding: 2.5rem;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:p-7{
    padding: 1.75rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:leading-relaxed{
    line-height: 1.625;
  }
  .md\:opacity-60{
    opacity: 0.6;
  }
}
@media (min-width: 1024px){
  .lg\:block{
    display: block;
  }
  .lg\:w-5\/6{
    width: 83.333333%;
  }
  .lg\:max-w-\[420px\]{
    max-width: 420px;
  }
  .lg\:shrink-0{
    flex-shrink: 0;
  }
  .lg\:columns-3{
    -moz-columns: 3;
         columns: 3;
  }
  .lg\:columns-4{
    -moz-columns: 4;
         columns: 4;
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[1\.2fr_1fr\]{
    grid-template-columns: 1.2fr 1fr;
  }
  .lg\:grid-cols-\[1\.6fr_1fr\]{
    grid-template-columns: 1.6fr 1fr;
  }
  .lg\:grid-cols-\[minmax\(0\2c 0\.65fr\)\2c 1fr\]{
    grid-template-columns: minmax(0,0.65fr) 1fr;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.15fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.6fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.7fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_260px\]{
    grid-template-columns: minmax(0,1fr) 260px;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-end{
    align-items: flex-end;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:gap-12{
    gap: 3rem;
  }
  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .lg\:text-\[10rem\]{
    font-size: 10rem;
  }
}
@media (min-width: 1280px){
  .xl\:max-w-2xl{
    max-width: 42rem;
  }
  .xl\:columns-5{
    -moz-columns: 5;
         columns: 5;
  }
  .xl\:columns-6{
    -moz-columns: 6;
         columns: 6;
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_300px\]{
    grid-template-columns: minmax(0,1fr) 300px;
  }
  .xl\:flex-row{
    flex-direction: row;
  }
  .xl\:items-center{
    align-items: center;
  }
  .xl\:justify-between{
    justify-content: space-between;
  }
  .xl\:gap-8{
    gap: 2rem;
  }
}
.\[\&\.highlight-bg-translucent\]\:bg-muted.highlight-bg-translucent{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
}
.\[\&\.highlight-bg\]\:bg-primary.highlight-bg{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
}
.\[\&\.highlight\]\:font-medium.highlight{
  font-weight: 500;
}
.\[\&\.highlight\]\:text-primary.highlight{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.\[\&\.not-top\]\:border-border\/50.not-top{
  border-color: hsl(var(--border) / 0.5);
}
.\[\&\.not-top\]\:bg-background\/80.not-top{
  background-color: hsl(var(--background) / 0.8);
}
.\[\&\.not-top\]\:backdrop-blur-xl.not-top{
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
@supports (backdrop-filter: var(--tw)){
  .\[\&\.not-top\]\:supports-\[backdrop-filter\]\:bg-background\/60.not-top{
    background-color: hsl(var(--background) / 0.6);
  }
}
.dark\:\[\&\.not-top\]\:bg-muted\/80.not-top:is(.dark *){
  background-color: hsl(var(--muted) / 0.8);
}
@supports (backdrop-filter: var(--tw)){
  .dark\:\[\&\.not-top\]\:supports-\[backdrop-filter\]\:bg-muted\/60.not-top:is(.dark *){
    background-color: hsl(var(--muted) / 0.6);
  }
}
.\[\&\.readed\]\:bg-input.readed{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--input) / var(--tw-bg-opacity, 1));
}
.\[\&\.readed\]\:text-input.readed{
  --tw-text-opacity: 1;
  color: hsl(var(--input) / var(--tw-text-opacity, 1));
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}
.\[\&\>p\]\:m-0>p{
  margin: 0px;
}
.\[\&\>p\]\:space-y-2>p > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.\[\&_\*\]\:\!no-underline *{
  text-decoration-line: none !important;
}
