@casoon/tailwindcss-core
Version:
Complete foundation package for Tailwind CSS v4 - Core utilities, forms, cards, navigation, scroll effects, gradients, loading states, micro interactions, advanced typography with prose styles, and accessibility components for modern web applications
29 lines (28 loc) • 38.3 kB
CSS
/*!
* tailwindcss-core - Plain CSS Distribution
* Version: 0.9.0
*
* This version can be used WITHOUT Tailwind CSS.
* All @utility directives converted to standard CSS classes.
*/
/*!
* Casoon Core - Tailwind v4 Complete Foundation Package
* Version: 0.9.0 — Modular Architecture
*
* Ultra-complete foundation with 7 integrated systems:
* - Core Utilities, Forms, Cards & Components
* - Navigation System (navbar, tabs, breadcrumbs, drawer)
* - Scroll System (custom scrollbars, snap, reveal animations)
* - Gradients System (dynamic backgrounds & effects)
* - Loading System (spinners, skeleton, progress indicators)
* - Micro Interactions (hover effects, animations)
* - Typography System (prose, blog, marketing, docs styles)
*
* Total: 145+ classes, optimized for production
*
* Usage:
*/
/*!
* Design Tokens - Complete Design System Foundation
* Core color, spacing, typography, and motion tokens
*/:root{--cs-bg:#0b0c0f;--cs-surface:#14161a;--cs-elev1:#1b1e24;--cs-elev2:#21252d;--cs-text:#eef1f6;--cs-text-muted:#b6bfcc;--cs-border:#2a2f39;--cs-brand:#4f7cff;--cs-brand-contrast:#0b0d12;--cs-success:#22c55e;--cs-warning:#f59e0b;--cs-danger:#ef4444;--cs-info:#06b6d4;--cs-font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--cs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--cs-font-size:16px;--cs-line:1.5;--cs-density:1;--cs-space-1:calc(4px*var(--cs-density));--cs-space-2:calc(8px*var(--cs-density));--cs-space-3:calc(12px*var(--cs-density));--cs-space-4:calc(16px*var(--cs-density));--cs-space-6:calc(24px*var(--cs-density));--cs-space-8:calc(32px*var(--cs-density));--cs-radius:10px;--cs-shadow-1:0 1px 2px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.1);--cs-shadow-2:0 8px 24px rgba(0,0,0,.22),0 2px 8px rgba(0,0,0,.18);--cs-transition:180ms cubic-bezier(0.2,0.6,0.2,1);--cs-anim-duration-sm:160ms;--cs-anim-duration-md:280ms;--cs-anim-duration-lg:420ms;--cs-anim-ease-out:cubic-bezier(0.16,1,0.3,1);--cs-anim-ease-in:cubic-bezier(0.32,0,0.67,0);--cs-anim-ease-in-out:cubic-bezier(0.65,0,0.35,1);--cs-z-0:0;--cs-z-1:1;--cs-z-base:1;--cs-z-10:10;--cs-z-20:20;--cs-z-30:30;--cs-z-popover:30;--cs-z-40:40;--cs-z-tooltip:40;--cs-z-50:50;--cs-z-toast:50;--cs-z-60:60;--cs-z-modal:60;--cs-z-70:70;--cs-z-80:80;--cs-z-90:90;--cs-z-100:100;--cs-z-200:200;--cs-z-300:300;--cs-z-400:400;--cs-z-500:500;--cs-z-600:600;--cs-z-700:700;--cs-z-800:800;--cs-z-900:900;--cs-z-999:999;--cs-z-high:9999;--cs-z-9999:9999;--cs-z-max:2147483647;--cs-z-drawer:1000;--cs-z-dropdown:1000;--cs-z-fixed:1030;--cs-z-nav:1020;--cs-z-nav-overlay:1010;--cs-z-orb:5;--cs-z-overlay:1040;--cs-z-sticky:1020;--cs-page-max:1200px;--cs-page-pad:var(--cs-space-4);--cs-acrylic-blur:14px;--cs-acrylic-tint:rgba(20,22,26,.55);--cs-acrylic-border:hsla(0,0%,100%,.06);--cs-brand-oklch:oklch(60% 0.15 255);--cs-brand-ink:var(--cs-brand,#4f7cff);--cs-fs-xs:clamp(0.78rem,0.75rem + 0.2cqi,0.84rem);--cs-fs-sm:clamp(0.88rem,0.82rem + 0.3cqi,0.95rem);--cs-fs-md:clamp(1rem,0.95rem + 0.4cqi,1.125rem);--cs-fs-lg:clamp(1.25rem,1.05rem + 0.8cqi,1.5rem);--cs-fs-xl:clamp(1.5rem,1.2rem + 1.2cqi,1.875rem);--cs-fs-2xl:clamp(1.875rem,1.4rem + 1.6cqi,2.25rem);--cs-form-bg:var(--cs-surface,#14161a);--cs-form-border:var(--cs-border);--cs-form-radius:var(--cs-radius);--cs-form-shadow:var(--cs-shadow-1);--cs-form-focus:var(--cs-brand,#4f7cff);--cs-prose-headings:var(--cs-text,#eef1f6);--cs-prose-body:var(--cs-text,#eef1f6);--cs-prose-links:var(--cs-brand,#4f7cff);--cs-prose-bold:var(--cs-text,#eef1f6);--cs-prose-quotes:var(--cs-text,#eef1f6);--cs-prose-captions:var(--cs-text,#eef1f6);--cs-gradient-primary:linear-gradient(135deg,var(--cs-brand,#4f7cff),rgba(79,124,255,.8)));--cs-gradient-success:linear-gradient(135deg,var(--cs-success),color-mix(in srgb,var(--cs-success) 70%,var(--cs-info)));--cs-gradient-warning:linear-gradient(135deg,var(--cs-warning),color-mix(in srgb,var(--cs-warning) 80%,var(--cs-danger)));--cs-gradient-sunset:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);--cs-gradient-ocean:linear-gradient(135deg,#667eea,#764ba2);--cs-gradient-forest:linear-gradient(135deg,#11998e,#38ef7d);--cs-gradient-sunset-start:#ff6b6b;--cs-gradient-sunset-mid:#ffd93d;--cs-gradient-sunset-end:#6bcf7f;--cs-gradient-ocean-start:#667eea;--cs-gradient-ocean-end:#764ba2;--cs-gradient-fire-start:#f093fb;--cs-gradient-fire-end:#f5576c;--cs-gradient-mint-start:#4facfe;--cs-gradient-mint-end:#00f2fe;--cs-gradient-purple-start:#a8edea;--cs-gradient-purple-end:#fed6e3;--cs-gradient-orange-start:#ffeaa7;--cs-gradient-orange-end:#fab1a0;--cs-gradient-blue-start:#74b9ff;--cs-gradient-blue-end:#0984e3;--cs-gradient-pink-start:#fd79a8;--cs-gradient-pink-end:#fdcb6e;--cs-gradient-custom-start:#667eea;--cs-gradient-custom-mid: ;--cs-gradient-custom-end:#764ba2;--cs-gradient-white:#fff;--cs-gradient-stops:var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end);--cs-gradient-fade-color:rgba(79,124,255,.6);--cs-gradient-fade-mid:rgba(79,124,255,.3);--cs-anim-gradient-duration:4s;--cs-anim-gradient-ease:var(--cs-anim-ease-in-out);--cs-anim-gradient-iteration:infinite;--cs-loading-spinner-size:40px;--cs-loading-spinner-border:4px;--cs-loading-duration-fast:0.8s;--cs-loading-duration-normal:1.2s;--cs-loading-duration-slow:2s;--cs-hover-lift:-2px;--cs-hover-scale:1.02;--cs-hover-glow-spread:8px;--cs-tap-scale:0.98;--cs-scroll-thumb-gray:#6b7280;--cs-scroll-thumb-blue:#3b82f6;--cs-scroll-thumb-primary:var(--cs-brand,#4f7cff);--cs-scroll-track:rgba(0,0,0,.08);--cs-scroll-track-light:rgba(0,0,0,.04);--cs-scroll-thumb-radius:8px;--cs-scrollbar-size:10px;--cs-scrollbar-size-thin:6px;--cs-scroll-shadow-color:rgba(0,0,0,.08);--cs-scroll-shadow-size:12px;--cs-scroll-reveal-distance:16px;--cs-scroll-reveal-scale:0.96;--cs-nav-primary:var(--cs-brand,#4f7cff);--cs-nav-text:var(--cs-text,#eef1f6);--cs-nav-text-muted:var(--cs-text,#eef1f6);--cs-nav-text-secondary:color-mix(in srgb,var(--cs-text,#eef1f6) 75%,transparent);--cs-nav-text-disabled:color-mix(in srgb,var(--cs-text,#eef1f6) 40%,transparent);--cs-nav-border:var(--cs-border);--cs-nav-border-light:color-mix(in srgb,var(--cs-border) 60%,transparent);--cs-nav-bg:var(--cs-surface,#14161a);--cs-nav-bg-hover:color-mix(in srgb,var(--cs-surface,#14161a) 80%,var(--cs-text,#eef1f6) 8%);--cs-nav-bg-secondary:color-mix(in srgb,var(--cs-surface,#14161a) 60%,var(--cs-bg));--cs-nav-bg-disabled:color-mix(in srgb,var(--cs-surface,#14161a) 50%,transparent);--cs-nav-height:64px;--cs-nav-transition:var(--cs-transition);--cs-nav-transition-fast:calc(var(--cs-transition)*0.75);--cs-nav-transition-base:var(--cs-transition);--cs-nav-backdrop-bg:rgba(0,0,0,.5);--cs-nav-backdrop-blur:var(--cs-acrylic-blur);--cs-prose-font-size:1rem;--cs-prose-line-height:1.75;--cs-prose-color:hsla(0,0%,100%,.85);--cs-prose-headings-color:hsla(0,0%,100%,.95);--cs-prose-links-color:#3b82f6;--cs-prose-links-hover:color-mix(in srgb,#3b82f6 80%,transparent);--cs-prose-spacing:1.5rem;--cs-prose-max-width:65ch;--cs-prose-xs:0.8125rem;--cs-prose-sm:0.875rem;--cs-prose-base:1rem;--cs-prose-lg:1.125rem;--cs-prose-xl:1.25rem;--cs-prose-2xl:1.5rem;--cs-prose-3xl:1.875rem;--cs-prose-4xl:2.25rem;--cs-prose-5xl:3rem;--cs-prose-weight-light:300;--cs-prose-weight-normal:400;--cs-prose-weight-medium:500;--cs-prose-weight-semibold:600;--cs-prose-weight-bold:700;--cs-prose-weight-extrabold:800;--cs-prose-weight-black:900;--cs-prose-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--cs-prose-font-serif:Georgia,"Times New Roman",Times,serif;--cs-prose-font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--cs-prose-spacing-tight:1.25rem;--cs-prose-spacing-normal:1.5rem;--cs-prose-spacing-relaxed:1.75rem;--cs-prose-spacing-loose:2rem;--cs-prose-code-bg:hsla(0,0%,100%,.08);--cs-prose-code-border:hsla(0,0%,100%,.1);--cs-prose-pre-bg:hsla(0,0%,100%,.05)}.cs-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.cs-focus-ring{outline:none;&:focus-visible{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px;transition:box-shadow var(--cs-transition)}}.cs-focus-ring-within{&:focus-within{border-radius:var(--cs-radius);box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 6px rgba(79,124,255,.22)}}.cs-container-fluid{background-color:var(--cs-surface,#14161a);color:var(--cs-text,#eef1f6);margin-left:auto;margin-right:auto;max-width:none;padding-left:var(--cs-page-pad);padding-right:var(--cs-page-pad);width:100%;@media (min-width:768px){padding-left:calc(var(--cs-page-pad) + var(--cs-space-2));padding-right:calc(var(--cs-page-pad) + var(--cs-space-2))}@media (min-width:1200px){max-width:var(--cs-page-max)}}.cs-z-0{z-index:var(--cs-z-0)}.cs-z-0,.cs-z-1{position:relative}.cs-z-1{z-index:var(--cs-z-1)}.cs-z-base{position:relative;z-index:var(--cs-z-base)}.cs-z-10{position:relative;z-index:var(--cs-z-10)}.cs-z-20{position:relative;z-index:var(--cs-z-20)}.cs-z-30{position:relative;z-index:var(--cs-z-30)}.cs-z-popover{position:relative;z-index:var(--cs-z-popover)}.cs-z-40{position:relative;z-index:var(--cs-z-40)}.cs-z-tooltip{position:relative;z-index:var(--cs-z-tooltip)}.cs-z-50{position:relative;z-index:var(--cs-z-50)}.cs-z-toast{position:relative;z-index:var(--cs-z-toast)}.cs-z-60{position:relative;z-index:var(--cs-z-60)}.cs-z-modal{position:relative;z-index:var(--cs-z-modal)}.cs-z-70{position:relative;z-index:var(--cs-z-70)}.cs-z-80{position:relative;z-index:var(--cs-z-80)}.cs-z-90{position:relative;z-index:var(--cs-z-90)}.cs-z-100{position:relative;z-index:var(--cs-z-100)}.cs-z-200{position:relative;z-index:var(--cs-z-200)}.cs-z-300{position:relative;z-index:var(--cs-z-300)}.cs-z-400{position:relative;z-index:var(--cs-z-400)}.cs-z-500{position:relative;z-index:var(--cs-z-500)}.cs-z-600{position:relative;z-index:var(--cs-z-600)}.cs-z-700{position:relative;z-index:var(--cs-z-700)}.cs-z-800{position:relative;z-index:var(--cs-z-800)}.cs-z-900{position:relative;z-index:var(--cs-z-900)}.cs-z-999{position:relative;z-index:var(--cs-z-999)}.cs-z-high{position:relative;z-index:var(--cs-z-high)}.cs-z-9999{position:relative;z-index:var(--cs-z-9999)}.cs-z-max{position:relative;z-index:var(--cs-z-max)}.cs-z-drawer{position:relative;z-index:var(--cs-z-drawer)}.cs-z-dropdown{position:relative;z-index:var(--cs-z-dropdown)}.cs-z-fixed{position:fixed;z-index:var(--cs-z-fixed)}.cs-z-nav{position:relative;z-index:var(--cs-z-nav)}.cs-z-nav-overlay{position:relative;z-index:var(--cs-z-nav-overlay)}.cs-z-orb{position:relative;z-index:var(--cs-z-orb)}.cs-z-overlay{position:relative;z-index:var(--cs-z-overlay)}.cs-z-sticky{position:sticky;z-index:var(--cs-z-sticky)}.cs-page-max{max-width:var(--cs-page-max)}.cs-page-pad{padding:var(--cs-page-pad)}.cs-shadow-0{box-shadow:var(--cs-shadow-0)}.cs-shadow-1{box-shadow:var(--cs-shadow-1)}.cs-shadow-2{box-shadow:var(--cs-shadow-2)}.cs-bg{background-color:var(--cs-bg)}.cs-surface,.cs-surface-2{background-color:var(--cs-surface,#14161a)}.cs-elev1{background-color:var(--cs-elev1)}.cs-elev2{background-color:var(--cs-elev2)}.cs-text,.cs-text-inverse,.cs-text-muted{color:var(--cs-text,#eef1f6)}.cs-brand,.cs-brand-contrast{color:var(--cs-brand,#4f7cff)}.cs-success{color:var(--cs-success)}.cs-warning{color:var(--cs-warning)}.cs-danger{color:var(--cs-danger)}.cs-info{color:var(--cs-info)}.cs-border{border-color:var(--cs-border)}.cs-card-feature{background:var(--cs-card-bg,#fff);border:1px solid var(--cs-card-border,#e5e7eb);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 2px rgba(0,0,0,.05));display:grid;gap:var(--cs-card-space-lg,1.5rem);grid-template-rows:auto auto 1fr;padding:var(--cs-card-space-xl,2rem);position:relative;text-align:center;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 4px 6px rgba(0,0,0,.07));transform:translateY(var(--cs-card-hover-lift,-2px))}}.cs-card-product{background:var(--cs-card-bg,#fff);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 3px rgba(0,0,0,.1));display:flex;flex-direction:column;max-width:20rem;overflow:hidden;position:relative;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 4px 6px rgba(0,0,0,.1));transform:translateY(var(--cs-card-hover-lift,-2px))}}.cs-card-pricing{background:var(--cs-card-bg,#fff);border:2px solid var(--cs-card-border,#e5e7eb);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 3px rgba(0,0,0,.1));display:grid;grid-template-rows:auto 1fr auto;padding:var(--cs-card-space-xl,2rem);position:relative;text-align:center;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 8px 25px rgba(0,0,0,.15));transform:translateY(var(--cs-card-hover-lift,-4px))}}.cs-card-testimonial{background:var(--cs-card-bg,#fff);border-radius:var(--cs-card-radius,12px);box-shadow:var(--cs-card-shadow,0 1px 3px rgba(0,0,0,.1));max-width:24rem;overflow:hidden;padding:var(--cs-card-padding,1.5rem);position:relative;text-align:center;transition:var(--cs-card-transition,all .2s ease);&:hover{box-shadow:var(--cs-card-shadow-hover,0 4px 6px rgba(0,0,0,.1));transform:translateY(var(--cs-card-hover-lift,-2px))}}.cs-card-image{background:hsla(0,0%,100%,.05);height:12rem;object-fit:cover;width:100%}.cs-card-content{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:var(--cs-card-padding,1.5rem)}.cs-card-title{color:var(--cs-card-text,currentColor);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.cs-card-description{color:var(--cs-card-text-muted,hsla(0,0%,100%,.7));flex:1;line-height:1.6;margin:0}.cs-card-price{color:var(--cs-success,#059669);font-size:1.5rem;font-weight:800;margin:0}.cs-card-actions{display:flex;gap:.75rem;padding:0 var(--cs-card-padding,1.5rem) var(--cs-card-padding,1.5rem)}.cs-testimonial-quote{color:var(--cs-card-text-muted,hsla(0,0%,100%,.85));font-size:1.125rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem;position:relative;&:before{color:hsla(0,0%,100%,.2);content:'"';font-size:3rem;left:-.5rem;line-height:1;position:absolute;top:-.5rem}}.cs-testimonial-author{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cs-button-primary-card{background:linear-gradient(135deg,var(--cs-brand,#4f7cff),rgba(79,124,255,.8));border:none;border-radius:calc(var(--cs-radius, 10px)/2);color:var(--cs-brand,#4f7cff);cursor:pointer;flex:1;font-weight:600;padding:.75rem 1.5rem;transition:all var(--cs-transition,.2s ease);&:hover{box-shadow:0 4px 12px rgba(79,124,255,.4);transform:translateY(-1px)}&:focus{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px}}.cs-form-base{display:flex;flex-direction:column;gap:var(--cs-space-4,1rem)}.cs-input-base{background:var(--cs-form-bg,#fff);border:1px solid var(--cs-form-border,#e5e7eb);border-radius:var(--cs-form-radius,8px);color:var(--cs-text,#eef1f6);padding:var(--cs-space-3,12px) var(--cs-space-4,16px);transition:var(--cs-transition,.18s ease);&:focus{border-color:var(--cs-form-focus,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-form-focus,#3b82f6) 15%,transparent);outline:none}}.cs-form-modern{background:var(--cs-card-bg,#fff);border-radius:var(--cs-radius,10px);box-shadow:var(--cs-shadow-1,0 1px 3px rgba(0,0,0,.1));display:flex;flex-direction:column;gap:var(--cs-space-4,1rem);margin:0 auto;max-width:32rem;padding:2rem}.cs-input-modern{background:var(--cs-form-bg,#fff);border:2px solid hsla(0,0%,100%,.1);border-radius:var(--cs-form-radius,8px);color:var(--cs-text,#eef1f6);font-size:var(--cs-fs-md,1rem);line-height:var(--cs-line,1.5);padding:var(--cs-space-3,12px) var(--cs-space-4,16px);transition:var(--cs-transition,.18s ease);&:focus{border-color:var(--cs-form-focus,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-form-focus,#3b82f6) 20%,transparent);outline:none}&::placeholder{color:var(--cs-text,#eef1f6)}}.cs-label-modern{color:var(--cs-text,#eef1f6);display:block;font-size:var(--cs-fs-sm,.875rem);font-weight:600;margin-bottom:.5rem}.cs-button-primary-modern{background:linear-gradient(135deg,var(--cs-brand,#4f7cff),rgba(79,124,255,.8));border:none;border-radius:var(--cs-form-radius,8px);color:var(--cs-brand,#4f7cff);cursor:pointer;font-size:var(--cs-fs-md,1rem);font-weight:600;padding:.875rem 1.5rem;transition:var(--cs-transition,.18s ease);&:hover{box-shadow:0 8px 20px rgba(79,124,255,.3);transform:translateY(-2px)}&:focus{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px rgba(79,124,255,.2);outline:2px solid transparent;outline-offset:2px}}.cs-form-group{margin-bottom:var(--cs-space-4,1rem);position:relative}.cs-input-validation{align-items:center;display:none;font-size:.875rem;gap:.25rem;left:0;margin-top:.25rem;position:absolute;right:0;top:100%}.cs-validation-error{color:var(--cs-danger,#ef4444);display:flex}.cs-validation-success{color:var(--cs-success,#22c55e);display:flex}.cs-validation-icon{font-size:1rem;line-height:1}.cs-input-error{border-color:var(--cs-danger,#ef4444);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-danger,#ef4444) 20%,transparent)}.cs-input-success{border-color:var(--cs-success,#22c55e);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-success,#22c55e) 20%,transparent)}.cs-input-group{align-items:stretch;display:flex;position:relative}.cs-input-addon{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--cs-form-border,#e5e7eb);color:var(--cs-text,#eef1f6);display:flex;font-size:.875rem;padding:0 .75rem}.cs-input-addon-left{border-radius:var(--cs-form-radius,8px) 0 0 var(--cs-form-radius,8px);border-right:none}.cs-input-addon-right,.cs-input-with-addon-left{border-left:none;border-radius:0 var(--cs-form-radius,8px) var(--cs-form-radius,8px) 0}.cs-input-with-addon-right{border-radius:var(--cs-form-radius,8px) 0 0 var(--cs-form-radius,8px);border-right:none}.cs-form-row{align-items:flex-start;display:flex;gap:var(--cs-space-4,1rem)}.cs-form-col{flex:1;min-width:0}.cs-form-bg{background-color:var(--cs-form-bg)}.cs-form-border{border-color:var(--cs-form-border)}.cs-form-radius{border-radius:var(--cs-form-radius)}.cs-form-shadow{box-shadow:var(--cs-form-shadow)}.cs-form-focus{border-color:var(--cs-form-focus)}.cs-prose{color:var(--cs-prose-body);font-size:var(--cs-fs-md);line-height:1.75;max-width:65ch}.cs-prose h1,.cs-prose h2,.cs-prose h3,.cs-prose h4,.cs-prose h5,.cs-prose h6{color:var(--cs-prose-headings);font-weight:700;line-height:1.25;margin-bottom:.75rem;margin-top:2rem}.cs-prose h1{font-size:var(--cs-fs-2xl)}.cs-prose h2{font-size:var(--cs-fs-xl)}.cs-prose h3{font-size:var(--cs-fs-lg)}.cs-prose p{line-height:1.7;margin-bottom:1.25rem}.cs-prose a{color:var(--cs-prose-links);text-decoration:underline;text-underline-offset:.2em}.cs-prose a:hover{text-decoration:none}.cs-prose strong{color:var(--cs-prose-bold);font-weight:600}.cs-prose ol,.cs-prose ul{margin-bottom:1.25rem;margin-left:1.5rem}.cs-prose li{margin-bottom:.5rem}.cs-prose blockquote{border-left:4px solid var(--cs-border);color:var(--cs-prose-quotes);font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.cs-prose code{background:hsla(0,0%,100%,.08);border-radius:.25rem;font-family:var(--cs-font-mono);font-size:.875em;padding:.25rem .375rem}.cs-prose pre{background:var(--cs-elev1);border-radius:var(--cs-radius);margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.cs-prose pre code{background:none;padding:0}.cs-callout{border-left:4px solid var(--cs-info);border-radius:var(--cs-radius);color:var(--cs-text,#eef1f6);margin:1.5rem 0;padding:var(--cs-space-4) var(--cs-space-6)}.cs-callout,.cs-callout.cs-callout-info{background:color-mix(in srgb,var(--cs-info) 5%,var(--cs-surface,#14161a))}.cs-callout.cs-callout-info{border-left-color:var(--cs-info)}.cs-callout.cs-callout-warning{background:color-mix(in srgb,var(--cs-warning) 5%,var(--cs-surface,#14161a));border-left-color:var(--cs-warning)}.cs-callout.cs-callout-danger{background:color-mix(in srgb,var(--cs-danger) 5%,var(--cs-surface,#14161a));border-left-color:var(--cs-danger)}.cs-callout.cs-callout-success{background:color-mix(in srgb,var(--cs-success) 5%,var(--cs-surface,#14161a));border-left-color:var(--cs-success)}.cs-lead{color:var(--cs-text,#eef1f6);font-size:var(--cs-fs-lg);line-height:1.6}.cs-fs-xs{font-size:var(--cs-fs-xs)}.cs-fs-sm{font-size:var(--cs-fs-sm)}.cs-fs-md{font-size:var(--cs-fs-md)}.cs-fs-lg{font-size:var(--cs-fs-lg)}.cs-fs-xl{font-size:var(--cs-fs-xl)}.cs-fs-2xl{font-size:var(--cs-fs-2xl)}.cs-leading-relaxed{line-height:var(--cs-leading-relaxed)}.cs-leading-loose{line-height:var(--cs-leading-loose)}.cs-text-balance{text-wrap:var(--cs-text,#eef1f6)}.cs-navbar{align-items:center;background-color:var(--cs-surface,#14161a);border-bottom:1px solid var(--cs-border,#e5e7eb);display:flex;gap:.5rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:var(--cs-transition,.18s ease);z-index:var(--cs-z-40,40)}.cs-navbar-brand{color:var(--cs-text,#eef1f6);display:inline-block;font-size:1.25rem;font-weight:600;line-height:1.2;margin-right:1rem;padding:.3125rem 0;text-decoration:none;white-space:nowrap;&:hover{text-decoration:none}}.cs-navbar-nav{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.cs-navbar-link{border-radius:.375rem;color:var(--cs-text,#eef1f6);display:inline-block;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:var(--cs-transition,.18s ease);&:hover{background-color:hsla(0,0%,100%,.08);color:var(--cs-text,#eef1f6);text-decoration:none}&.active{background-color:rgba(79,124,255,.1);color:var(--cs-brand,#4f7cff)}}.cs-gradient-sunset{background:linear-gradient(135deg,var(--cs-gradient-sunset-start),var(--cs-gradient-sunset-mid,var(--cs-gradient-sunset-end)),var(--cs-gradient-sunset-end))}.cs-gradient-ocean{background:linear-gradient(135deg,var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end))}.cs-gradient-fire{background:linear-gradient(135deg,var(--cs-gradient-fire-start),var(--cs-gradient-fire-end))}.cs-gradient-mint{background:linear-gradient(135deg,var(--cs-gradient-mint-start),var(--cs-gradient-mint-end))}.cs-gradient-purple{background:linear-gradient(135deg,var(--cs-gradient-purple-start),var(--cs-gradient-purple-end))}.cs-gradient-orange{background:linear-gradient(135deg,var(--cs-gradient-orange-start),var(--cs-gradient-orange-end))}.cs-gradient-blue{background:linear-gradient(135deg,var(--cs-gradient-blue-start),var(--cs-gradient-blue-end))}.cs-gradient-pink{background:linear-gradient(135deg,var(--cs-gradient-pink-start),var(--cs-gradient-pink-end))}.cs-gradient-custom-2{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-end))}.cs-gradient-custom,.cs-gradient-custom-3{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-mid,var(--cs-gradient-custom-end)),var(--cs-gradient-custom-end))}.cs-gradient-fade-r{background:linear-gradient(to right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-l{background:linear-gradient(to left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-b{background:linear-gradient(to bottom,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-t{background:linear-gradient(to top,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.3)) 50%,transparent 100%)}.cs-gradient-fade-br{background:linear-gradient(to bottom right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-bl{background:linear-gradient(to bottom left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-tr{background:linear-gradient(to top right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-tl{background:linear-gradient(to top left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%)}.cs-gradient-fade-subtle{--cs-gradient-fade-color:rgba(79,124,255,.3);--cs-gradient-fade-mid:rgba(79,124,255,.1)}.cs-gradient-fade-medium{--cs-gradient-fade-color:rgba(79,124,255,.6);--cs-gradient-fade-mid:rgba(79,124,255,.3)}.cs-gradient-fade-strong{--cs-gradient-fade-color:rgba(79,124,255,.8);--cs-gradient-fade-mid:rgba(79,124,255,.5)}.cs-gradient-fade-smooth{background:linear-gradient(135deg,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 100%);@supports (background:color-mix(in srgb,red 50%,transparent)){background:linear-gradient(135deg,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,color-mix(in srgb,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 30%,transparent) 60%,transparent 100%)}}.cs-gradient-radial-fade{background:radial-gradient(circle at center,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,var(--cs-gradient-fade-mid,rgba(79,124,255,.2)) 40%,transparent 70%)}.cs-gradient-radial-fade-tl{background:radial-gradient(circle at top left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-fade-tr{background:radial-gradient(circle at top right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-fade-bl{background:radial-gradient(circle at bottom left,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-fade-br{background:radial-gradient(circle at bottom right,var(--cs-gradient-fade-color,rgba(79,124,255,.6)) 0,transparent 60%)}.cs-gradient-radial-center{background:radial-gradient(circle at center,var(--cs-gradient-stops))}.cs-gradient-radial-top{background:radial-gradient(circle at top,var(--cs-gradient-stops))}.cs-gradient-radial-bottom{background:radial-gradient(circle at bottom,var(--cs-gradient-stops))}.cs-gradient-conic{background:conic-gradient(var(--cs-gradient-stops))}.cs-gradient-conic-center{background:conic-gradient(from 0deg at 50% 50%,var(--cs-gradient-stops))}.cs-gradient-mesh{background:radial-gradient(at 27% 37%,rgba(79,124,255,.5) 0,transparent 50%),radial-gradient(at 97% 21%,color-mix(in srgb,var(--cs-info) 50%,transparent) 0,transparent 50%),radial-gradient(at 52% 99%,color-mix(in srgb,var(--cs-success) 50%,transparent) 0,transparent 50%),radial-gradient(at 10% 29%,color-mix(in srgb,var(--cs-warning) 50%,transparent) 0,transparent 50%),radial-gradient(at 97% 96%,color-mix(in srgb,var(--cs-danger) 50%,transparent) 0,transparent 50%),radial-gradient(at 33% 50%,rgba(79,124,255,.5) 0,transparent 50%),radial-gradient(at 79% 53%,color-mix(in srgb,var(--cs-info) 50%,transparent) 0,transparent 50%)}.cs-bg-casoon-original{background:radial-gradient(circle at 20% 80%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 20%,#0891b2 0,transparent 50%),radial-gradient(circle at 40% 40%,#f97316 0,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b)}.cs-bg-casoon-warm{background:radial-gradient(circle at 25% 75%,#dc2626 0,transparent 55%),radial-gradient(circle at 75% 25%,#f59e0b 0,transparent 45%),radial-gradient(circle at 50% 50%,#ea580c 0,transparent 60%),linear-gradient(135deg,#1f2937,#374151)}.cs-bg-casoon-cool{background:radial-gradient(circle at 30% 70%,#3b82f6 0,transparent 50%),radial-gradient(circle at 70% 30%,#06b6d4 0,transparent 55%),radial-gradient(circle at 45% 45%,#8b5cf6 0,transparent 45%),linear-gradient(135deg,#111827,#1f2937)}.cs-bg-casoon-forest{background:radial-gradient(circle at 15% 85%,#059669 0,transparent 50%),radial-gradient(circle at 85% 15%,#10b981 0,transparent 60%),radial-gradient(circle at 55% 35%,#065f46 0,transparent 40%),linear-gradient(135deg,#064e3b,#134e4a)}.cs-bg-casoon-animated{animation:cs-gradient-shift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 20%,#0891b2 0,transparent 50%),radial-gradient(circle at 40% 40%,#f97316 0,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b);background-size:400% 400%}.cs-bg-casoon-subtle{filter:brightness(.8) saturate(.7) opacity(.9)}.cs-bg-casoon-intense,.cs-bg-casoon-subtle{background:radial-gradient(circle at 20% 80%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 20%,#0891b2 0,transparent 50%),radial-gradient(circle at 40% 40%,#f97316 0,transparent 50%),linear-gradient(135deg,#0f172a,#1e293b)}.cs-bg-casoon-intense{filter:brightness(1.2) saturate(1.3) contrast(1.1)}.cs-bg-nebula-purple{background:radial-gradient(circle at 20% 20%,#8b5cf6 0,transparent 70%),radial-gradient(circle at 80% 80%,#ec4899 0,transparent 60%),radial-gradient(circle at 40% 60%,#3b82f6 0,transparent 80%),linear-gradient(135deg,#0c0a1d,#1e1b3b)}.cs-bg-deep-ocean{background:radial-gradient(circle at 25% 25%,#1e40af 0,transparent 65%),radial-gradient(circle at 75% 75%,#0891b2 0,transparent 55%),radial-gradient(circle at 50% 80%,#0e7490 0,transparent 70%),linear-gradient(135deg,#0c1e3d,#164e63)}.cs-bg-corporate-blue{background:radial-gradient(circle at 30% 30%,#1e40af 0,transparent 70%),radial-gradient(circle at 70% 70%,#3b82f6 0,transparent 60%),radial-gradient(circle at 50% 50%,#1d4ed8 0,transparent 80%),linear-gradient(135deg,#1e3a8a,#1e40af)}.cs-gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-sunset{background:linear-gradient(135deg,var(--cs-gradient-sunset-start),var(--cs-gradient-sunset-mid,var(--cs-gradient-sunset-end)),var(--cs-gradient-sunset-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-ocean{background:linear-gradient(135deg,var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-fire{background:linear-gradient(135deg,var(--cs-gradient-fire-start),var(--cs-gradient-fire-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-custom-2{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-text-custom,.cs-gradient-text-custom-3{background:linear-gradient(135deg,var(--cs-gradient-custom-start),var(--cs-gradient-custom-mid,var(--cs-gradient-custom-end)),var(--cs-gradient-custom-end));-webkit-background-clip:text;background-clip:text;color:transparent}.cs-gradient-animate{animation:cs-gradient-shift var(--cs-anim-gradient-duration) var(--cs-anim-gradient-ease) var(--cs-anim-gradient-iteration);background-size:400% 400%}.cs-gradient-shift-x{animation:cs-gradient-shift-x 3s linear infinite;background-size:200% 100%}.cs-gradient-shift-y{animation:cs-gradient-shift-y 3s linear infinite;background-size:100% 200%}.cs-gradient-rotate{animation:cs-gradient-rotate 8s linear infinite;background-size:200% 200%}.cs-gradient-pulse{animation:cs-gradient-pulse 2s ease-in-out infinite;transform-origin:center}.cs-gradient-pulse-slow{animation:cs-gradient-pulse-slow 4s ease-in-out infinite}.cs-gradient-breathe{animation:cs-gradient-breathe 3s ease-in-out infinite;transform-origin:center}.cs-gradient-wave{animation:cs-gradient-wave 6s ease-in-out infinite;background-size:300% 300%,300% 300%}.cs-gradient-shimmer{animation:cs-gradient-shimmer 2s linear infinite;background-size:200% 100%}.cs-gradient-animate-slow{animation-duration:8s}.cs-gradient-animate-fast{animation-duration:1.5s}.cs-gradient-animate-reverse{animation-direction:reverse}.cs-gradient-animate-alternate{animation-direction:alternate}.cs-gradient-animate-hover-pause{&:hover{animation-play-state:paused}}.cs-gradient-shine{animation:cs-gradient-shine 3s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.05));background-size:200% 100%}.cs-hover-ripple{isolation:isolate;overflow:hidden;position:relative;&:after{animation:none;background:radial-gradient(circle,hsla(0,0%,100%,.4) 10%,transparent 80%);border-radius:9999px;content:"";height:200px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:200px;z-index:1}&:active:after{animation:cs-hover-ripple .6s ease-out}}.cs-gradient-ambient-rotate{animation:cs-ambient-rotate 20s linear infinite;background:conic-gradient(from 0deg,var(--cs-gradient-stops))}.cs-gradient-zoom-fade{animation:cs-gradient-zoom-fade .8s var(--cs-anim-ease-in-out) both}.cs-gradient-border{background:linear-gradient(135deg,var(--cs-gradient-ocean-start),var(--cs-gradient-ocean-end));border-radius:.5rem;position:relative;&:before{background:var(--cs-gradient-white);border-radius:calc(.5rem - 1px);content:"";inset:1px;position:absolute;z-index:0}&>*{position:relative;z-index:1}}@keyframes cs-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cs-gradient-shift-x{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes cs-gradient-shift-y{0%{background-position:50% 0}to{background-position:50% 100%}}@keyframes cs-gradient-rotate{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@keyframes cs-gradient-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes cs-gradient-pulse-slow{0%,to{opacity:.4}50%{opacity:.9}}@keyframes cs-gradient-breathe{0%,to{filter:brightness(.8) saturate(1.2);transform:scale(1)}50%{filter:brightness(1.2) saturate(1.8);transform:scale(1.02)}}@keyframes cs-gradient-wave{0%{background-position:0 50%,100% 50%}25%{background-position:50% 0,50% 100%}50%{background-position:100% 50%,0 50%}75%{background-position:50% 100%,50% 0}to{background-position:0 50%,100% 50%}}@keyframes cs-gradient-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cs-gradient-shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cs-hover-ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes cs-ambient-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cs-gradient-zoom-fade{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cs-bg-casoon-animated,.cs-gradient-ambient-rotate,.cs-gradient-animate,.cs-gradient-breathe,.cs-gradient-pulse,.cs-gradient-pulse-slow,.cs-gradient-rotate,.cs-gradient-shift-x,.cs-gradient-shift-y,.cs-gradient-shimmer,.cs-gradient-shine,.cs-gradient-wave,.cs-gradient-zoom-fade{animation:none;background-size:100% 100%}.cs-hover-ripple:after{animation:none}}@media (prefers-contrast:high){.cs-bg-casoon-animated,.cs-bg-casoon-cool,.cs-bg-casoon-forest,.cs-bg-casoon-intense,.cs-bg-casoon-original,.cs-bg-casoon-subtle,.cs-bg-casoon-warm{filter:contrast(1.5) brightness(1.2)}}@media (prefers-contrast:more){.cs-gradient-border:before{outline:1px solid currentColor;outline-offset:-1px}}@media (forced-colors:active){.cs-gradient-border{background:CanvasText;forced-color-adjust:none}.cs-gradient-border:before{background:Canvas;border:1px solid CanvasText}}@media (max-width:480px){.cs-gradient-animate{animation-duration:calc(var(--cs-anim-gradient-duration)*1.25)}}.cs-scrollbar-thin{scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;&:hover{background:hsla(0,0%,100%,.35)}}&::-webkit-scrollbar-corner{background:transparent}}.cs-scrollbar-custom{scrollbar-color:var(--cs-brand,#4f7cff) rgba(79,124,255,.1);scrollbar-width:auto;&::-webkit-scrollbar{height:12px;width:12px}&::-webkit-scrollbar-track{background:rgba(79,124,255,.05);border-radius:6px}&::-webkit-scrollbar-thumb{background:var(--cs-brand,#4f7cff);border:2px solid rgba(79,124,255,.05);border-radius:6px;&:hover{background:rgba(79,124,255,.85)}}}.cs-scroll-snap-x{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.cs-scroll-snap-y{overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory}.cs-snap-start{scroll-snap-align:start}.cs-snap-center{scroll-snap-align:center}.cs-snap-end{scroll-snap-align:end}.cs-scroll-smooth{scroll-behavior:smooth}.cs-spinner{animation:cs-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:currentcolor;height:1.5rem;width:1.5rem}.cs-spinner-lg{border-width:3px;height:2rem;width:2rem}.cs-spinner-sm{border-width:2px;height:1rem;width:1rem}@keyframes cs-spin{to{transform:rotate(1turn)}}.cs-pulse{animation:cs-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.5}}.cs-skeleton{animation:cs-skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.18) 50%,hsla(0,0%,100%,.1));background-size:200% 100%;border-radius:.375rem}@keyframes cs-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-hover-lift{transition:transform var(--cs-transition);&:hover{transform:translateY(-2px)}}.cs-hover-scale{transition:transform var(--cs-transition);&:hover{transform:scale(1.02)}}.cs-hover-glow{transition:box-shadow var(--cs-transition);&:hover{box-shadow:0 8px 25px rgba(79,124,255,.25)}}.cs-interactive{cursor:pointer;transition:all var(--cs-transition);&:hover{box-shadow:0 4px 12px hsla(0,0%,100%,.15);transform:translateY(-1px)}&:active{box-shadow:0 2px 4px hsla(0,0%,100%,.2);transform:translateY(0)}}@media print{.cs-prose{color:#000}.cs-navbar{display:none}.cs-card{border:1px solid #ccc;box-shadow:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}}