:root{color-scheme:light dark;--keyboard-inset-height: 0px}:root{--color-primary-light-3: #E6F7FB;--color-primary-light-2: #90E0EF;--color-primary-light-1: #48CAE4;--color-primary-base: #009dbc;--color-primary-dark-1: #008fbf;--color-primary-dark-2: #0077B6;--color-accent-light-5: #e6f0f9;--color-accent-light-4: #cce5ff;--color-accent-light-3: #99ccff;--color-accent-light-2: #5a9de0;--color-accent-light-1: #4a8ad6;--color-accent-base: #3a7ac6;--color-accent-dark-1: #2b6bb3;--color-accent-dark-2: #1a5490;--color-accent-dark-3: #14406e;--color-accent-dark-4: #0f3354;--line-width: 1.4px;--color-action-light-5: var(--color-accent-light-5);--color-action-light-3: var(--color-accent-light-3);--color-action-light-2: var(--color-accent-light-2);--color-action-light-1: var(--color-accent-light-1);--color-action-base: var(--color-accent-base);--color-action-dark-1: var(--color-accent-dark-1);--color-action-dark-2: var(--color-accent-dark-2);--color-action-dark-4: var(--color-accent-dark-4);--color-link-light-3: var(--color-primary-light-3);--color-link-light-2: var(--color-primary-light-2);--color-link-light-1: var(--color-primary-light-1);--color-link-base: var(--color-primary-base);--color-link-dark-1: var(--color-primary-dark-1);--color-link-dark-2: var(--color-primary-dark-2);--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #dc8c01;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: light-dark(#c0dbff, #6580a4);--color-info-light: #dbeafe;--spacing-5xs: .05rem;--spacing-4xs: .075rem;--spacing-3xs: .1rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--font-family: "Inter", ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-family-heading: "Raleway", sans-serif;--font-family-logo: "Comfortaa", sans-serif;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--dark-0: #c9c9c9;--dark-50: #ededed;--dark-100: #a1a1a1;--dark-200: #888888;--dark-300: #666666;--dark-400: #444444;--dark-500: #333333;--dark-600: #1a1a1a;--dark-700: #111111;--dark-800: #0a0a0a;--dark-900: #000000;--bg-color: light-dark(var(--gray-50), var(--dark-900));--bg-color-secondary: light-dark(var(--gray-100), var(--dark-800));--bg-color-tertiary: light-dark(var(--gray-200), var(--dark-700));--bg-color-quaternary: light-dark(var(--gray-300), var(--dark-600));--bg-color-quinary: light-dark(var(--gray-400), var(--dark-500));--bg-color-elevated: light-dark(white, var(--dark-600));--bg-color-discrete: light-dark(rgba(255, 255, 255, .7), rgba(0, 0, 0, .7));--color-text-primary: light-dark(var(--gray-900), var(--dark-0));--color-text-secondary: light-dark(var(--gray-700), var(--dark-100));--color-text-tertiary: light-dark(var(--gray-600), var(--dark-200));--color-text-quaternary: light-dark(var(--gray-500), var(--dark-300));--color-nav-link: var(--color-text-secondary);--color-nav-link-active: var(--color-text-primary);--border-color: light-dark(var(--gray-200), var(--dark-600));--border-color-hover: light-dark(var(--gray-300), var(--dark-500));--border-color-focus: light-dark(var(--color-action-base), var(--color-action-light-1));--border-color-featured: color-mix(in srgb, var(--border-color) 85%, var(--color-primary-light-2) 15%);--link-color: light-dark(var(--color-link-base), var(--color-link-light-1));--link-color-hover: light-dark(var(--color-link-dark-2), var(--color-link-light-2));--link-color-visited: light-dark(var(--color-accent-dark-1), var(--color-accent-light-1));--color-text-inverse: #ffffff;--color-danger: var(--color-error);--color-theme-icon-sun: light-dark(#b08a5f, #f4a460);--color-theme-icon-moon: light-dark(#7a8ba8, #9db4d4);--color-theme-icon-auto: var(--color-text-secondary);--color-star-rating: #f59e0b;--color-upgrade-accent: #8b5cf6;--bg-color-light-0: light-dark(var(--gray-100), var(--dark-700));--bg-color-light-1: light-dark(var(--gray-200), var(--dark-600));--bg-color-light-2: light-dark(var(--gray-300), var(--dark-500));--bg-color-light-3: light-dark(var(--gray-400), var(--dark-400));--paper-shadow: light-dark(0 0 1px 0 rgba(0, 0, 0, .3), 0 0 1px 0 rgba(255, 255, 255, .3));--paper-shadow-darker: light-dark(0 0 1px 0 rgba(0, 0, 0, .5), 0 0 1px 0 rgba(255, 255, 255, .5));--paper-shadow-transparent: 0 0 1px 0 transparent;--discrete-opacity: .7;--list-item-size: 22rem;--audio-height: 3.5rem;--max-width-content-prose: 45rem;--max-width-content-single: 60rem;--max-width-content-multi: 80rem;--button-padding: var(--spacing-md) var(--spacing-2xl);--button-padding-large: var(--spacing-lg) var(--spacing-3xl);--button-padding-compact: var(--spacing-xs) var(--spacing-lg);--button-padding-compact-scrolled: var(--spacing-xs) var(--spacing-md);--button-font-size: 1.05rem;--button-font-size-large: 1.1rem;--button-font-size-compact: .95rem;--button-font-size-compact-scrolled: .85rem;--button-font-weight: 600;--button-min-width: 180px;--button-min-width-large: 320px;--button-border-width: 2px;--button-border-radius: var(--spacing-sm);--button-letter-spacing: .3px;--button-height: 2.5rem;--button-height-compact: 40px;--button-height-compact-scrolled: 36px;--button-height-large: 3rem;--button-width-mobile: 300px;--button-width-mobile-large: var(--button-min-width-large);--button-icon-size: 20px;--button-icon-size-compact: 20px;--button-hover-transform: translateY(-1px) scale(var(--hover-scale));--button-hover-transform-simple: translateY(-1px);--button-active-transform: translateY(0) scale(1);--button-transition: all var(--transition-slow);--button-transition-fast: transform .2s var(--transition-function), background-color .2s var(--transition-function), border-color .2s var(--transition-function);--button-shadow-primary-hover: 0 8px 16px rgba(64, 156, 255, .25), 0 4px 8px rgba(64, 156, 255, .15);--button-shadow-secondary-hover: 0 6px 12px rgba(64, 156, 255, .2), 0 3px 6px rgba(64, 156, 255, .1);--button-shadow-focus-primary: var(--focus-ring), 0 8px 16px rgba(64, 156, 255, .25);--button-shadow-focus-secondary: var(--focus-ring);--button-stripe-bg: #635bff;--button-stripe-bg-hover: #5a54d6;--button-stripe-border: #635bff;--button-stripe-border-hover: #5a54d6;--button-disabled-bg: #aab7c4;--button-disabled-border: #aab7c4;--gradient-brand: linear-gradient(135deg, var(--color-primary-base) 0%, var(--color-accent-base) 100%);--gradient-brand-reverse: linear-gradient(135deg, var(--color-accent-base) 0%, var(--color-primary-base) 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(0, 180, 216, .08) 0%, rgba(139, 47, 139, .08) 100%);--hover-scale: 1.001;--transition-function: cubic-bezier(.32, 1, .5, 1);--transition-base-time: .3s;--transition-slow-time: .4s;--transition-discrete-time: .5s;--transition-base: var(--transition-base-time) var(--transition-function);--transition-slow: var(--transition-slow-time) var(--transition-function);--transition-discrete: var(--transition-discrete-time) var(--transition-function);--transition-hover-delay: .15s;--shadow-2xs: 0 1px 1px light-dark(rgba(0, 0, 0, .03), rgba(255, 255, 255, .03));--shadow-xs: 0 1px 2px light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));--shadow-sm: 0 1px 3px light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .08)), 0 1px 2px light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .05));--shadow-md: 0 4px 6px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08)), 0 2px 4px light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .04));--shadow-lg: 0 10px 15px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08)), 0 4px 6px light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .04));--shadow-xl: 0 20px 25px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08)), 0 8px 10px light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .03));--shadow-2xl: 0 25px 50px light-dark(rgba(0, 0, 0, .25), rgba(255, 255, 255, .15));--shadow-brand: 0 4px 14px rgba(0, 180, 216, .3);--shadow-brand-lg: 0 8px 24px rgba(0, 180, 216, .35);--shadow-floating: light-dark( 0 2px 8px rgba(0, 0, 0, .15), 0 2px 8px rgba(255, 255, 255, .1) );--shadow-floating-hover: light-dark( 0 4px 12px rgba(0, 0, 0, .2), 0 4px 12px rgba(255, 255, 255, .15) );--shadow-drawer: -4px 0 24px light-dark(rgba(0, 0, 0, .15), rgba(255, 255, 255, .08));--card-hover-shadow: 0 8px 20px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08));--focus-ring: 0 0 0 3px rgba(0, 180, 216, .5);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .5);--focus-ring-offset: 2px;--glass-blur: 10px;--glass-blur-medium: 8px;--glass-blur-light: 4px;--glass-saturation: 180%;--glass-bg: light-dark(rgba(255, 255, 255, .95), rgba(10, 10, 10, .95));--glass-highlight: light-dark(rgba(255, 255, 255, .2), rgba(255, 255, 255, .15));--glass-highlight-strong: light-dark(rgba(255, 255, 255, .3), rgba(255, 255, 255, .25));--glass-shadow-subtle: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--glass-shadow-medium: light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4));--glass-shadow-strong: light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .5));--glass-active-bg: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .15));--glass-active-border: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));--glass-active-shadow: 0 0 0 1px var(--glass-active-border), 0 2px 8px rgba(0, 0, 0, .1);--overlay-menu-bg-light: rgba(255, 255, 255, .9);--overlay-menu-bg-light-hover: rgba(255, 255, 255, 1);--overlay-menu-bg-dark: rgba(0, 0, 0, .4);--overlay-menu-bg-dark-hover: rgba(0, 0, 0, .5);--overlay-menu-shadow: 0 2px 8px light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .06));--overlay-menu-shadow-hover: 0 4px 12px light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .1))}:root[data-theme=dark],:root[data-mantine-color-scheme=dark]{color-scheme:dark}:root[data-theme=light],:root[data-mantine-color-scheme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin}:root,body{padding:0;margin:0;margin-block:0;min-block-size:100dvb;background-color:var(--bg-color);color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;letter-spacing:.01em;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,h4,h5,h6,thead,th{font-family:var(--font-family-heading);letter-spacing:.3px;line-height:1.1;margin-block:.7em;text-wrap:balance}h1{font-size:clamp(1.25rem,1rem + .5vw,1.55rem)}h2{font-size:clamp(1.18rem,.95rem + .4vw,1.38rem)}h3{font-size:clamp(1.15rem,.95rem + .3vw,1.3rem)}h4{font-size:clamp(1.1rem,.95rem + .25vw,1.2rem)}h5{font-size:clamp(1.05rem,.95rem + .15vw,1.1rem)}h6{font-size:clamp(1rem,.95rem + .05vw,1.05rem)}p{margin:0}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--link-color-hover)}textarea,input,select{corner-shape:squircle}::view-transition-old(root){animation:none;z-index:-1}::view-transition-new(root){animation:radial-reveal .5s cubic-bezier(.4,0,.2,1)}@keyframes radial-reveal{0%{clip-path:circle(0% at var(--theme-click-x, 50%) var(--theme-click-y, 0%))}to{clip-path:circle(150% at var(--theme-click-x, 50%) var(--theme-click-y, 0%))}}.navLink{position:relative;display:flex;align-items:center;justify-content:left;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);color:var(--color-nav-link);transition:color var(--transition-base)}.navLink>svg{color:var(--color-nav-link);width:1.33rem;height:1.33rem;flex-shrink:0;transition:color var(--transition-base)}.navLink:hover,.navLink.navLinkActive,.navLink.navLinkPending,.navLink.navLinkTransitioning{color:var(--color-nav-link-active)}:is(.navLink:hover,.navLink.navLinkActive,.navLink.navLinkPending,.navLink.navLinkTransitioning)>svg{color:var(--color-nav-link-active)}.navLink:after{content:"";position:absolute;left:0;right:0;bottom:-4px;width:auto;height:var(--line-width);background:var(--color-nav-link);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base),background-color var(--transition-base);transition-delay:var(--transition-base)}.navLink:hover:after{transform:scaleX(1);background-color:var(--color-text-quaternary)}.navLink.navLinkActive:after,.navLink.navLinkPending:after,.navLink.navLinkTransitioning:after{transform:scaleX(1);background-color:var(--color-nav-link-active)}:is(.sidenav .navLink):after{inset:0 auto 0 0;width:var(--line-width);height:auto;transform:scaleY(0)}:is(.sidenav .navLink):hover:after{transform:scaleY(1)}.navLinkActive:is(.sidenav .navLink):after,.navLinkPending:is(.sidenav .navLink):after,.navLinkTransitioning:is(.sidenav .navLink):after{transform:scaleY(1)}@media(max-width:62em){.sidenav .navLink{justify-content:center;flex-flow:column;gap:2px;padding:var(--spacing-xs);margin:0}:is(.sidenav .navLink):after{left:0;right:0;bottom:var(--spacing-2xs);top:auto;width:auto;height:var(--line-width);transform:scaleX(0);border-radius:var(--radius-full)}:is(.sidenav .navLink):hover:after{transform:scaleX(1)}.navLinkActive:is(.sidenav .navLink):after,.navLinkPending:is(.sidenav .navLink):after,.navLinkTransitioning:is(.sidenav .navLink):after{transform:scaleX(1)}:is(.sidenav .navLink)>svg{width:initial;height:initial}}@media(max-width:36em){:is(.sidenav .navLink)>svg{width:1.8rem;height:1.8rem}}.fadeIn{opacity:1;transition:opacity .4s,display .4s allow-discrete}@starting-style{.fadeIn{opacity:0}}.growIn{opacity:1;scale:1 1;transition:opacity .4s,scale .4s,display .4s allow-discrete}@starting-style{.growIn{opacity:0;scale:1 0}}.blinking{animation:moving-border 1.5s linear infinite}@media(prefers-reduced-motion:reduce){.blinking{animation:none}}@keyframes moving-border{0%{box-shadow:0 0 0 2px #bcbcbc80 inset}25%{box-shadow:2px 0 0 2px #bcbcbc80 inset}50%{box-shadow:2px 2px 0 2px #bcbcbc80 inset}75%{box-shadow:0 2px 0 2px #bcbcbc80 inset}to{box-shadow:0 0 0 2px #bcbcbc80 inset}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.gradientText{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@supports not (((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text)){.gradientText{color:var(--color-primary-base);-webkit-text-fill-color:currentColor}}.dimmed{color:var(--color-text-secondary);font-size:.92em}.secondary{color:var(--color-text-tertiary);font-size:clamp(.88em,3vw,.98em)}.tertiary{color:var(--color-text-quaternary);font-size:clamp(.86em,3vw,.96em)}.quaternary{color:var(--color-text-quaternary);font-size:clamp(.84em,3vw,.94em);font-weight:200}.stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.stackTight{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metaRow{display:flex;align-items:center;gap:var(--spacing-2xs)}.horizontalContainer{padding-inline:var(--spacing-lg)}@media(max-width:30em){.horizontalContainer{padding-inline:var(--spacing-md)}}.contentProse,.contentSingle,.contentMulti{margin:0 auto}.contentProse{max-width:var(--max-width-content-prose)}.contentSingle{max-width:var(--max-width-content-single)}.contentMulti{max-width:var(--max-width-content-multi)}.actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.divider{border-top:.1px solid var(--bg-color-light-1)}.badgeBrand{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--gradient-brand-subtle);box-shadow:0 0 0 1px light-dark(var(--color-primary-base),rgba(0,180,216,.25)),0 1px 2px #0000001a;border-radius:var(--radius-full);font-size:.83rem;font-weight:600;color:var(--color-primary-base);letter-spacing:.7px}@media(max-width:30em){.badgeBrand{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}}.messageBubble{padding:var(--spacing-sm);background:var(--bg-color-secondary);border-radius:var(--radius-md);max-width:95%;margin-left:auto}.messageBubble.assistantMessage{background:var(--bg-color-quaternary);margin-bottom:var(--spacing-lg);margin-left:0;max-width:100%}.skipLink{position:fixed;top:0;left:0;background:var(--color-primary-base);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;z-index:calc(var(--nav-z-index, 100) + 100);border-radius:0 0 var(--radius-md) 0;font-weight:600;transform:translateY(-100%);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);pointer-events:none}.skipLink:focus{transform:translateY(0);opacity:1;outline:3px solid var(--color-text-inverse);outline-offset:var(--spacing-2xs);pointer-events:auto}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pricingDescription{text-align:center;font-size:1.1rem;color:var(--color-text-secondary)}.plan{display:flex;flex-flow:column;gap:var(--spacing-md);position:relative}.plan:first-child{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.plan:first-child .planTitle{background:left center / .97em no-repeat url(/images/hand-little-finger.svg)}@media(max-width:48em){.plan:first-child{border-inline-end:2px solid var(--border-color);border-block-end:0;border-start-end-radius:var(--radius-md);border-end-start-radius:0}}.plan:last-child{border-color:var(--border-color-featured);border-start-start-radius:0;border-end-start-radius:0}.plan:last-child .planTitle{background:left center / 1.35em no-repeat url(/images/sparkles.svg);color:var(--color-primary-base);font-weight:600}@media(max-width:48em){.plan:last-child{border-start-end-radius:0;border-end-start-radius:var(--radius-md)}}.planBadge{position:absolute;inset-block-start:-30px;inset-inline-start:80%;transform:translate(-50%);--tag-color: #b8860b;background:color-mix(in srgb,var(--tag-color) 15%,transparent);color:var(--tag-color);font-size:.65rem;font-weight:700;padding:6px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.8px;border:1px solid color-mix(in srgb,var(--tag-color) 35%,transparent);z-index:10;white-space:nowrap}@media(max-width:48em){.planBadge{position:static;transform:none;margin-bottom:var(--spacing-sm)}}.planTitle{width:100%;text-align:center;margin:0;color:var(--color-text-primary)}.planPrice{font-size:.98em;color:var(--color-text-secondary)}.planPriceEnhanced{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;color:var(--color-text-primary);display:flex;align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center}.planPriceAmount{font-variant-numeric:tabular-nums}.planPriceFrequency{font-size:1rem;color:var(--color-text-secondary)}.planHeader{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.planTagline{margin:0;color:var(--color-text-secondary);font-size:1rem}.planMetaList{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding:0;margin:0;list-style:none}.planMetaItem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3xs);text-align:center;flex:1 1 140px;min-width:120px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-color-secondary)}.planMetaLabel{display:block;font-size:.85rem;color:var(--color-text-tertiary)}.planMetaValue{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.planFeatureList{list-style:none;margin:0;padding:0;display:flex;flex-flow:column;gap:var(--spacing-xs);flex-grow:1;margin-block-end:var(--spacing-sm)}.planActions{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.planFeature{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.planFeatureIcon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-base)}.planFeatureText{flex:1}.button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--glass-highlight) 0%,var(--glass-highlight-strong) 50%,transparent 100%);pointer-events:none;z-index:1;opacity:.7;transition:opacity var(--transition-base)}.button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,var(--glass-highlight-strong) 50%,transparent 70%);pointer-events:none;z-index:2;opacity:0;transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.button:hover:after{opacity:1}.button:hover:before{opacity:1;transform:translate(100%) translateY(100%) rotate(45deg)}.button:active:after{opacity:.5}@media(max-width:36em),(prefers-reduced-motion:reduce){.button:before{display:none}}