accessgen-a11y-widget 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/a11y-widget.min.js +5 -5
- package/package.json +3 -2
package/dist/a11y-widget.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#ca4f00;--brand-dk:#b84d12;--brand-lt:#fef2e8;--brand-mid:#ca4f00;--brand-subtle:#e8682a14;--brand-glow:#e8682a38;--ink:#141417;--ink-2:#3a3a42;--ink-3:#6c6c78;--ink-4:#9c9ca8;--ink-5:#c8c8d2;--white:#fff;--surface:#f9f9fb;--surface-2:#f3f3f6;--surface-3:#ebebef;--line:#e2e2e8;--line-2:#f0f0f4;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--sh-xs:0 1px 2px #0000000d;--sh-sm:0 2px 8px #00000012, 0 1px 2px #0000000a;--sh-md:0 6px 20px #00000017, 0 2px 6px #0000000d;--sh-lg:0 16px 48px #00000021,0 4px 12px #0000000f;--sh-xl:0 28px 72px #0000002e,0 8px 24px #00000014,0 2px 6px #0000000a;--sh-brand:0 6px 22px #e8682a57,0 2px 6px #e8682a2e;--sh-brand-lg:0 12px 36px #e8682a66,0 4px 10px #e8682a38;--font:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-std:cubic-bezier(.4, 0, .2, 1);--t:all .18s cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font);color:var(--ink);background:#eae7e1;min-height:100vh;line-height:1.6}.demo{max-width:880px;margin:0 auto;padding:80px 32px 180px}.demo-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:var(--brand-lt);border:1.5px solid #e8682a33;border-radius:100px;align-items:center;gap:7px;margin-bottom:26px;padding:5px 14px 5px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.demo-badge span{background:var(--brand);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse-dot;display:block}@keyframes pulse-dot{0%,to{box-shadow:0 0 #e8682a66}50%{box-shadow:0 0 0 5px #e8682a00}}.demo h1{letter-spacing:-.04em;color:var(--ink);margin-bottom:18px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.06}.demo h1 mark{color:var(--brand);background:0 0;position:relative}.demo-lead{color:var(--ink-3);max-width:500px;margin-bottom:52px;font-size:1.05rem;font-weight:400;line-height:1.78}.demo-lead kbd{background:var(--white);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);box-shadow:var(--sh-xs);border-bottom-width:2.5px;border-radius:6px;padding:1px 7px;font-size:.8em}.demo-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=620px){.demo-grid{grid-template-columns:1fr}}.demo-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border:1px solid #0000000f;padding:26px 24px}.demo-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.demo-card h2{color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;font-size:.88rem;font-weight:700}.demo-card p{color:var(--ink-3);font-size:.84rem;line-height:1.72}.demo-card a{color:var(--brand);border-bottom:1.5px solid #e8682a47;font-weight:600;text-decoration:none;transition:border-color .14s}.demo-card a:hover{border-bottom-color:var(--brand)}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.22}}.skip-link{background:var(--ink);color:var(--white);font-family:var(--font);border-radius:var(--r-sm);z-index:99999;transition:top .18s var(--ease-out);box-shadow:var(--sh-lg);padding:10px 22px;font-size:.84rem;font-weight:600;text-decoration:none;position:fixed;top:-110px;left:18px}.skip-link:focus{top:18px}#afw-launcher{cursor:grab;z-index:9998;width:62px;height:62px;transition:box-shadow .22s var(--ease-out), background .18s;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:#ca4f00;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;left:28px;box-shadow:0 6px 22px #ca4f0061,0 2px 6px #ca4f0038}#afw-launcher.afw-dragging{cursor:grabbing!important;transition:box-shadow .12s!important;box-shadow:0 12px 36px #ca4f0080,0 4px 12px #ca4f0047!important}#afw-launcher:after{content:"";opacity:0;transition:opacity .24s, transform .3s var(--ease-spring);z-index:-1;pointer-events:none;background:radial-gradient(circle,#ca4f0047 0%,#0000 72%);border-radius:50%;position:absolute;inset:-5px;transform:scale(.7)}#afw-launcher:hover:not(.afw-dragging){transform:scale(1.08)translateY(-2px);box-shadow:0 12px 36px #ca4f0075,0 4px 10px #ca4f0042}#afw-launcher:hover:after{opacity:1;transform:scale(1)}#afw-launcher:focus-visible{box-shadow:0 0 0 3px var(--white), 0 0 0 6px #ca4f00, 0 6px 22px #ca4f0061}#afw-launcher[aria-expanded=true]{background:#ca4f00;box-shadow:0 6px 24px #ca4f0061,0 2px 6px #ca4f0038}#afw-launcher .ico-open{display:flex}#afw-launcher .ico-close{display:none}#afw-launcher .ico-close svg{stroke:#fff!important;stroke-width:2.2px!important;fill:none!important;width:20px!important;height:20px!important;display:block!important}#afw-launcher .ico-close svg path,#afw-launcher .ico-close svg line{stroke:#fff!important;stroke-width:2.2px!important;stroke-linecap:round!important}#afw-panel{background:var(--white);border-radius:var(--r-2xl);z-index:9999;width:392px;height:650px;max-height:87vh;box-shadow:var(--sh-xl), 0 0 0 1px #00000012;font-family:var(--font);isolation:isolate;transition:opacity .22s ease, visibility .22s, transform .22s var(--ease-out);transform-origin:0 0;flex-direction:column;display:flex;position:fixed;overflow:hidden}#afw-panel[hidden]{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.94);display:flex!important}#afw-panel:not([hidden]){opacity:1;visibility:visible;transform:scale(1)}#afw-panel.afw-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;box-shadow:var(--sh-xl), 0 0 0 2px #6200b159!important;transition:none!important}.afw-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#ca4f00;flex-shrink:0;position:relative;overflow:hidden}.afw-header:active{cursor:grabbing}.afw-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24 0%,#0000 68%);border-radius:50%;width:200px;height:200px;position:absolute;top:-90px;right:-50px}.afw-header:after{content:"";pointer-events:none;background:radial-gradient(140px 90px at 5% 130%,#ffc8641f 0%,#0000 100%),linear-gradient(#ffffff0f 0%,#0000 50%);position:absolute;inset:0}.afw-header-inner{z-index:1;padding:20px 20px 17px;position:relative}.afw-header-row{align-items:center;gap:13px;display:flex}.afw-header-icon{background:#ffffff2e;border:1px solid #ffffff42;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 1px #ffffff47,0 2px 8px #00000024}.afw-header-title{color:#fff;letter-spacing:-.025em;font-size:1.02rem;font-weight:800;line-height:1.2}.afw-header-sub{color:#fff;letter-spacing:.01em;margin-top:2px;font-size:.68rem;font-weight:500}.afw-header-close{cursor:pointer;color:#fff;width:34px;height:34px;transition:background .16s, transform .18s var(--ease-spring);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.afw-header-close:hover{background:#ffffff47;transform:scale(1.1)}.afw-header-close:focus-visible{outline-offset:2px;outline:2.5px solid #fff}.afw-header-close svg{pointer-events:none;stroke:#fff!important;stroke-width:2.5px!important;fill:none!important;width:16px!important;height:16px!important;display:block!important;overflow:visible!important}.afw-header-close svg path,.afw-header-close svg line{stroke:#fff!important;stroke-width:2.5px!important;stroke-linecap:round!important;stroke-linejoin:round!important}.afw-tabs{background:var(--surface-2);border-bottom:1.5px solid var(--line);flex-shrink:0;padding:0 8px;display:flex}.afw-tab{font-family:var(--font);color:var(--ink-3);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border-radius:var(--r-xs) var(--r-xs) 0 0;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1.5px;padding:10px 4px 9px;font-size:.695rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.afw-tab:hover{color:var(--brand-dk);background:#e8682a0a}.afw-tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand);background:var(--white);font-weight:700}.afw-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.afw-body{scroll-behavior:smooth;background:var(--surface-2);flex:1;padding:14px 14px 22px;overflow:hidden auto}.afw-body::-webkit-scrollbar{width:3px}.afw-body::-webkit-scrollbar-track{background:0 0}.afw-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.afw-section{display:none}.afw-section.active{display:block}.afw-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-top:1.5px solid var(--line);align-items:center;gap:8px;margin:20px 0 7px 1px;padding-top:14px;font-size:.6rem;font-weight:800;display:flex}.afw-label:after{content:"";background:var(--line);flex:1;height:1px}.afw-label:first-child{border-top:none;margin-top:2px;padding-top:0}.afw-note{background:var(--brand-lt);border:1px solid #e8682a38;border-left:3px solid var(--brand);border-radius:var(--r-sm);margin-bottom:12px;padding:10px 12px}.afw-note-label{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dk);margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.afw-note-text{color:#000;margin:0;font-size:.75rem;line-height:1.5}.afw-profiles{flex-wrap:wrap;gap:5px;margin-bottom:4px;display:flex}.afw-profile{border:1.5px solid var(--line);background:var(--white);font-family:var(--font);color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .16s var(--ease-out);box-shadow:var(--sh-xs);border-radius:100px;align-items:center;gap:6px;padding:6px 13px 6px 9px;font-size:.72rem;font-weight:600;display:flex}.afw-profile:hover{color:var(--brand);background:var(--brand-lt);border-color:#e8682a61;transform:translateY(-1px);box-shadow:0 3px 10px #e8682a24}.afw-profile.active,.afw-profile.active:hover,.afw-profile[aria-pressed=true]{background:linear-gradient(135deg, var(--brand-mid) 0%, var(--brand-dk) 100%);border-color:#0000;box-shadow:0 4px 14px #e8682a5c;color:var(--white)!important}.afw-profile.active svg,.afw-profile.active:hover svg,.afw-profile[aria-pressed=true] svg{stroke:var(--white)}.afw-profile svg{flex-shrink:0}.afw-profile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.afw-grid-3{grid-template-columns:1fr 1fr 1fr}.afw-grid-1{grid-template-columns:1fr}.afw-tile{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-family:var(--font);text-align:left;min-height:52px;box-shadow:var(--sh-xs);transition:border-color .16s, transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .16s;align-items:center;gap:8px;padding:9px 10px;display:flex;position:relative}.afw-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#fef3e8e6 0%,#fff8f080 100%);transition:opacity .16s;position:absolute;inset:0}.afw-tile:hover{box-shadow:0 4px 14px #e8682a1a, var(--sh-sm);border-color:#e8682a59;transform:translateY(-1px)}.afw-tile:hover:after{opacity:1}.afw-tile.on{border-color:var(--brand);background:linear-gradient(135deg,#feeedc 0%,#fff5ea 100%);box-shadow:0 0 0 2px #e8682a40,0 4px 14px #e8682a24}.afw-tile.on:after{opacity:0}.afw-tile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-tile-icon{background:var(--surface-2);border:1px solid var(--line);z-index:1;width:30px;height:30px;color:var(--ink-4);transition:all .18s var(--ease-out);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.afw-tile:hover .afw-tile-icon{color:var(--brand);background:#e8682a12;border-color:#e8682a38}.afw-tile.on .afw-tile-icon{color:#fff;background:linear-gradient(135deg,#f58040 0%,#d05010 100%);border-color:#0000;box-shadow:0 3px 10px #e8682a5c}.afw-tile-body{z-index:1;flex:1;min-width:0;position:relative}.afw-tile-name{color:var(--ink-2);letter-spacing:-.01em;font-size:.75rem;font-weight:700;line-height:1.25;display:block}.afw-tile.on .afw-tile-name{color:var(--brand-dk)}.afw-tile-desc{color:var(--ink-3);margin-top:2px;font-size:.63rem;line-height:1.3;display:block}.afw-toggle,.afw-tile-check{box-sizing:border-box;pointer-events:none;z-index:1;opacity:1;width:28px;min-width:28px;height:16px;box-shadow:none;background:#dcdce4;border:1px solid #00000014;border-radius:999px;flex-shrink:0;align-items:center;margin-left:auto;padding:1px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;top:auto;right:auto;transform:none}.afw-toggle svg,.afw-tile-check svg{display:none!important}.afw-toggle-thumb{background:var(--white);border-radius:50%;width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.25,.64,1),background-color .2s;display:block;transform:translate(0);box-shadow:0 1px 3px #00000038,0 0 1px #0000001f}.afw-tile-check:not(:has(.afw-toggle-thumb)):after{content:"";background:var(--white);border-radius:50%;width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.25,.64,1);display:block;transform:translate(0);box-shadow:0 1px 3px #00000038}.afw-tile:hover .afw-toggle,.afw-tile:hover .afw-tile-check{background:#d2d2dc;border-color:#e8682a4d}.afw-tile.on .afw-toggle,.afw-tile.on .afw-tile-check{background:linear-gradient(135deg, #f58040 0%, var(--brand) 100%);border-color:var(--brand-dk);opacity:1;transform:none;box-shadow:0 1px 5px #ca4f0059}.afw-tile.on .afw-toggle-thumb{background:var(--white);transform:translate(12px);box-shadow:0 1px 3px #00000040}.afw-tile.on .afw-tile-check:not(:has(.afw-toggle-thumb)):after{background:var(--white);transform:translate(12px);box-shadow:0 1px 3px #00000040}.afw-grid-3 .afw-tile{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;min-height:84px;padding:8px 4px}.afw-grid-3 .afw-tile .afw-toggle,.afw-grid-3 .afw-tile .afw-tile-check{margin-top:4px;margin-left:0}.afw-tile-wide{gap:12px;padding:12px 14px}.afw-tile-wide .afw-tile-icon{border-radius:10px;width:36px;height:36px}.afw-tile-wide .afw-toggle,.afw-tile-wide .afw-tile-check{margin-left:auto}.afw-stepper{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:11px 13px;transition:border-color .16s,box-shadow .16s;display:flex}.afw-stepper:hover{box-shadow:var(--sh-sm);border-color:#e8682a4d}.afw-stepper-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.afw-stepper-icon{background:var(--surface-2);border:1px solid var(--line);width:32px;height:32px;color:var(--ink-3);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.afw-stepper-name{color:var(--ink-2);letter-spacing:-.01em;font-size:.76rem;font-weight:700;display:block}.afw-stepper-val{color:var(--brand);font-size:.65rem;font-weight:600;font-family:var(--font-mono);margin-top:2px;display:block}.afw-ctrl{background:var(--surface-2);border:1.5px solid var(--line);border-radius:10px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.afw-btn-step{cursor:pointer;width:30px;height:30px;font-size:1.05rem;font-family:var(--font-mono);color:var(--ink-3);transition:var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.afw-btn-step:hover{background:var(--brand-lt);color:var(--brand)}.afw-btn-step:disabled{opacity:.24;cursor:not-allowed}.afw-btn-step:disabled:hover{color:var(--ink-3);background:0 0}.afw-btn-step:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.afw-step-num{min-width:32px;height:30px;font-size:.72rem;font-weight:700;font-family:var(--font-mono);color:var(--ink);border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--white);justify-content:center;align-items:center;padding:0 4px;display:flex}.afw-sr-panel{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);overflow:hidden}.afw-sr-output{min-height:78px;font-family:var(--font-mono);color:#f2b654;word-break:break-word;background:#0f0f13;padding:14px 16px;font-size:.71rem;line-height:1.75;position:relative}.afw-sr-output:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.afw-sr-output .idle{color:#353546;font-style:italic}.afw-sr-progress{background:#1a1a22;height:3px}.afw-sr-progress-bar{background:linear-gradient(90deg, var(--brand-mid), var(--brand));width:0%;height:100%;transition:width .22s var(--ease-out);box-shadow:0 0 10px #e8682a8c}.afw-sr-controls{background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:5px;padding:9px 11px;display:flex}.afw-sr-btn{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--white);font-family:var(--font);color:var(--ink-3);cursor:pointer;transition:all .14s var(--ease-out);white-space:nowrap;box-shadow:var(--sh-xs);justify-content:center;align-items:center;gap:5px;padding:6px 11px;font-size:.7rem;font-weight:600;display:flex}.afw-sr-btn:hover{color:var(--brand);background:var(--brand-lt);border-color:#e8682a61}.afw-sr-btn.active{color:#fff;background:linear-gradient(135deg,#f07832,#c84808);border-color:#0000;box-shadow:0 3px 10px #e8682a52}.afw-sr-btn:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.afw-sr-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-sr-sep{flex:1}.afw-sr-settings{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.afw-sr-row{align-items:center;gap:10px;display:flex}.afw-sr-row label{color:var(--ink-4);letter-spacing:.01em;min-width:44px;font-size:.7rem;font-weight:600}.afw-range{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:100px;flex:1;height:4px}.afw-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;box-shadow:0 0 0 2.5px var(--white), 0 2px 8px #e8682a6b;cursor:pointer;transition:transform .15s var(--ease-spring);background:linear-gradient(135deg,#f07832,#c84808);border-radius:50%}.afw-range::-webkit-slider-thumb:hover{transform:scale(1.22)}.afw-range:focus-visible{outline:2px solid var(--brand);border-radius:4px}.afw-range-val{font-size:.66rem;font-family:var(--font-mono);color:var(--brand);text-align:right;min-width:30px;font-weight:600}.afw-voice-select{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--white);font-family:var(--font);color:var(--ink-2);cursor:pointer;flex:1;min-width:0;padding:6px 10px;font-size:.71rem;font-weight:500}.afw-voice-select:focus{outline:2px solid var(--brand);border-color:var(--brand)}.afw-shortcuts{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--white);box-shadow:var(--sh-xs);flex-direction:column;display:flex;overflow:hidden}.afw-shortcut{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:9px 14px;font-size:.76rem;transition:background .12s;display:flex}.afw-shortcut:hover{background:var(--surface-2)}.afw-shortcut:last-child{border-bottom:none}.afw-shortcut span{color:var(--ink-3);font-weight:500}.afw-shortcut kbd{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);box-shadow:var(--sh-xs);border-bottom-width:2.5px;border-radius:6px;padding:2px 8px;font-size:.64rem;font-weight:600}.afw-reset{border:1.5px dashed var(--line);border-radius:var(--r-md);width:100%;font-family:var(--font);color:var(--ink-4);cursor:pointer;transition:all .18s var(--ease-out);letter-spacing:.01em;background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:10px 16px;font-size:.75rem;font-weight:600;display:flex}.afw-reset:hover{color:var(--brand);background:var(--brand-lt);border-style:solid;border-color:#e8682a73;box-shadow:0 2px 10px #e8682a1f}.afw-reset:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-footer{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative;overflow:hidden}.afw-footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00000005 0%,#0000 60%);position:absolute;inset:0}.afw-footer-logo{object-fit:contain;max-width:150px;height:22px;display:block}.afw-footer-text{color:#141417;font-size:.64rem;font-family:var(--font-mono);letter-spacing:.03em;position:relative}.afw-footer-text strong{color:#141417;font-weight:700}.afw-footer-badge{color:#141417;font-size:.59rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;background:#0000000a;border:1px solid #00000026;border-radius:6px;padding:3px 9px;position:relative}#afw-guide{pointer-events:none;z-index:9990;background:#e8682a12;border-top:2px solid #e8682a61;border-bottom:2px solid #e8682a61;height:42px;display:none;position:fixed;top:-200px;left:0;right:0}body.afw-guide #afw-guide{display:block}#afw-mask{pointer-events:none;z-index:9989;display:none;position:fixed;inset:0}body.afw-mask #afw-mask{display:block}.afw-mask-top,.afw-mask-bot{background:#0000009e;position:absolute;left:0;right:0}.afw-mask-top{top:0}.afw-mask-bot{bottom:0}#afw-ring{pointer-events:none;z-index:9997;border:2px solid var(--brand);border-radius:8px;transition:top 70ms,left 70ms,width 70ms,height 70ms;display:none;position:fixed;box-shadow:0 0 0 4px #e8682a2e,inset 0 0 0 1px #ffffff42}body.afw-sr-active #afw-ring{display:block}#afw-page-root{width:100%;min-height:100%;display:block}#afw-panel,body[class*=afw-fs-] #afw-panel,body.afw-fs--1 #afw-panel{font-size:14px!important}body[class*=afw-fs-] #afw-launcher,body.afw-fs--1 #afw-launcher{width:62px!important;height:62px!important;font-size:14px!important}#afw-panel,#afw-launcher{position:fixed!important}body.afw-dark{color:#fff!important;background:#000!important}body.afw-dark #afw-page-root,body.afw-dark #afw-page-root *{color:#fff!important;background-color:#000!important;border-color:#444!important}body.afw-dark #afw-page-root .CodeMirror,body.afw-dark #afw-page-root .CodeMirror *,body.afw-dark #afw-page-root [class*=editor],body.afw-dark #afw-page-root [class*=editor] *,body.afw-dark #afw-page-root [class*=email-preview],body.afw-dark #afw-page-root [class*=email-preview] *,body.afw-dark #afw-page-root [class*=generated],body.afw-dark #afw-page-root [class*=generated] *{background-color:revert!important;color:revert!important;border-color:revert!important}body.afw-dark #afw-page-root a{color:#ff0!important;text-decoration:underline!important}body.afw-dark #afw-page-root button,body.afw-dark #afw-page-root [role=button],body.afw-dark #afw-page-root input[type=button],body.afw-dark #afw-page-root input[type=submit],body.afw-dark #afw-page-root input[type=reset]{color:#fff!important;background-color:#1a1a1a!important;border:1.5px solid #555!important;outline:none!important}body.afw-dark #afw-page-root button:hover,body.afw-dark #afw-page-root [role=button]:hover{background-color:#2a2a2a!important;border-color:#888!important}body.afw-light{color:#000!important;background:#fff!important}body.afw-light #afw-page-root,body.afw-light #afw-page-root *{color:#000!important;background-color:#fff!important}body.afw-light #afw-page-root canvas,body.afw-light #afw-page-root video,body.afw-light #afw-page-root img{background-color:revert!important}body.afw-light #afw-page-root a{color:#00c!important;text-decoration:underline!important}body.afw-light #afw-page-root button,body.afw-light #afw-page-root [role=button],body.afw-light #afw-page-root input[type=button],body.afw-light #afw-page-root input[type=submit],body.afw-light #afw-page-root input[type=reset]{color:#000!important;background-color:#f0f0f0!important;border:1.5px solid #aaa!important}body.afw-light #afw-page-root button:hover,body.afw-light #afw-page-root [role=button]:hover{background-color:#e0e0e0!important;border-color:#666!important}body.afw-hc{color:#fff!important;background:#000!important}body.afw-hc #afw-page-root{color:#fff!important;background-color:#000!important}body.afw-hc #afw-page-root *{color:#fff!important;text-shadow:none!important;background-color:#000!important;border-color:#fff!important}body.afw-hc #afw-page-root .CodeMirror,body.afw-hc #afw-page-root .CodeMirror *,body.afw-hc #afw-page-root [class*=editor],body.afw-hc #afw-page-root [class*=editor] *,body.afw-hc #afw-page-root [class*=email-preview],body.afw-hc #afw-page-root [class*=email-preview] *,body.afw-hc #afw-page-root [class*=generated],body.afw-hc #afw-page-root [class*=generated] *{background-color:revert!important;color:revert!important;border-color:revert!important}body.afw-hc #afw-page-root a{color:#ff0!important;background-color:#0000!important;text-decoration:underline!important}body.afw-hc #afw-page-root button,body.afw-hc #afw-page-root [role=button],body.afw-hc #afw-page-root input[type=button],body.afw-hc #afw-page-root input[type=submit],body.afw-hc #afw-page-root input[type=reset]{color:#fff!important;background-color:#000!important;border:2px solid #fff!important;outline:none!important}body.afw-hc #afw-page-root button:hover,body.afw-hc #afw-page-root [role=button]:hover{background-color:#222!important;border-color:#fff!important;outline:2px solid #fff!important}body.afw-hc #afw-page-root button[aria-pressed=true],body.afw-hc #afw-page-root button.active,body.afw-hc #afw-page-root button[aria-selected=true]{color:#000!important;background-color:#fff!important;border:2px solid #fff!important}body.afw-invert #afw-page-root{filter:invert()hue-rotate(180deg)}body.afw-invert #afw-page-root img,body.afw-invert #afw-page-root video,body.afw-invert #afw-page-root canvas,body.afw-invert #afw-page-root iframe,body.afw-invert #afw-page-root svg:not(#afw-cb-filters){filter:invert()hue-rotate(180deg)!important}body.afw-invert #afw-page-root [style*="background-color: white"],body.afw-invert #afw-page-root [style*="background-color:#fff"],body.afw-invert #afw-page-root [style*="background-color: #fff"],body.afw-invert #afw-page-root [style*="background:#fff"],body.afw-invert #afw-page-root [style*="background: white"]{filter:invert()!important}body.afw-invert #afw-page-root{background-color:#fff}body.afw-gray #afw-page-root{filter:grayscale()}body.afw-lowcon #afw-page-root{filter:contrast(.65)brightness(1.08)}body.afw-desat #afw-page-root{filter:saturate(.15)}body.afw-cb-proto #afw-page-root{filter:url(#f-proto)}body.afw-cb-deut #afw-page-root{filter:url(#f-deut)}body.afw-cb-trit #afw-page-root{filter:url(#f-trit)}body.afw-fs--1{font-size:13px!important}body.afw-fs-1{font-size:17px!important}body.afw-fs-2{font-size:20px!important}body.afw-fs-3{font-size:23px!important}body.afw-fs-4{font-size:26px!important}body.afw-fs-5{font-size:30px!important}body.afw-ls-1 *{letter-spacing:.04em!important}body.afw-ls-2 *{letter-spacing:.09em!important}body.afw-ls-3 *{letter-spacing:.16em!important}body.afw-lh-1 *{line-height:1.75!important}body.afw-lh-2 *{line-height:2.1!important}body.afw-lh-3 *{line-height:2.5!important}body.afw-ws *{word-spacing:.2em!important}body.afw-dyslexia *{font-family:Lexend,sans-serif!important}body.afw-alignl *{text-align:left!important}body.afw-pause *,body.afw-pause :before,body.afw-pause :after{transition-duration:0s!important;animation-play-state:paused!important}body.afw-pause #afw-panel,body.afw-pause #afw-panel *,body.afw-pause #afw-panel :before,body.afw-pause #afw-panel :after,body.afw-pause #afw-launcher,body.afw-pause #afw-launcher:after{transition-duration:revert!important;animation-play-state:running!important}body.afw-focus :focus{outline:3px solid var(--brand)!important;outline-offset:4px!important;border-radius:4px!important}body.afw-spotlight :focus{box-shadow:0 0 0 4px var(--brand), 0 0 0 8px #e8682a38!important;outline:none!important}body.afw-spotlight.afw-hc :focus{outline:none!important;box-shadow:0 0 0 4px #fff,0 0 0 8px #ffffff4d!important}body.afw-hl-links a{color:#1a1a22!important;border-bottom:2px solid var(--brand)!important;background:#fff7de!important;border-radius:4px!important;padding:1px 4px!important;text-decoration:none!important}body.afw-hl-heads h1,body.afw-hl-heads h2,body.afw-hl-heads h3,body.afw-hl-heads h4{border-left:4px solid var(--brand)!important;background:#e8682a0d!important;padding-left:13px!important}body.afw-hide-img img,body.afw-hide-img [role=img],body.afw-hide-img picture,body.afw-hide-img svg:not(#afw-cb-filters svg){opacity:0!important}body.afw-bigcursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpolygon points='5,3 5,31 12,23 17,35 22,32 17,20 26,20' fill='%23E8682A' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,auto!important}html:has(body.afw-sb)::-webkit-scrollbar{width:16px!important;height:16px!important}html:has(body.afw-sb)::-webkit-scrollbar-track{background:#e0e0e0!important;border-radius:0!important}html:has(body.afw-sb)::-webkit-scrollbar-thumb{background:#ca4f00!important;border:3px solid #e0e0e0!important;border-radius:8px!important;min-height:40px!important}html:has(body.afw-sb)::-webkit-scrollbar-thumb:hover{background:#a33e00!important}body.afw-sb ::-webkit-scrollbar{width:16px!important;height:16px!important}body.afw-sb ::-webkit-scrollbar-track{background:#e0e0e0!important;border-radius:0!important}body.afw-sb ::-webkit-scrollbar-thumb{background:#ca4f00!important;border:3px solid #e0e0e0!important;border-radius:8px!important;min-height:40px!important}body.afw-sb ::-webkit-scrollbar-thumb:hover{background:#a33e00!important}body.afw-sb.afw-dark ::-webkit-scrollbar-track{background:#333!important}body.afw-sb.afw-hc ::-webkit-scrollbar-track{background:#333!important}body.afw-sb.afw-dark ::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}body.afw-sb.afw-hc ::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}html:has(body.afw-sb.afw-dark)::-webkit-scrollbar-track{background:#333!important}html:has(body.afw-sb.afw-hc)::-webkit-scrollbar-track{background:#333!important}html:has(body.afw-sb.afw-dark)::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}html:has(body.afw-sb.afw-hc)::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}body.afw-sb,body.afw-sb *{scrollbar-color:#ca4f00 #e0e0e0!important}html:has(body.afw-sb){scrollbar-color:#ca4f00 #e0e0e0!important}body.afw-sb.afw-dark,body.afw-sb.afw-hc,body.afw-sb.afw-dark *,body.afw-sb.afw-hc *{scrollbar-color:#ca4f00 #333!important}body.afw-magnify #afw-page-root p:hover,body.afw-magnify #afw-page-root li:hover,body.afw-magnify #afw-page-root td:hover,body.afw-magnify #afw-page-root th:hover,body.afw-magnify #afw-page-root span:hover,body.afw-magnify #afw-page-root label:hover,body.afw-magnify #afw-page-root div:hover>span,body.afw-magnify #afw-page-root div:hover>p,body.afw-magnify #afw-page-root blockquote:hover,body.afw-magnify #afw-page-root figcaption:hover,body.afw-magnify #afw-page-root article:hover>p,body.afw-magnify #afw-page-root section:hover>p,body.afw-magnify #afw-page-root .text:hover,body.afw-magnify #afw-page-root [class*=text]:hover,body.afw-magnify #afw-page-root [class*=content]:hover,body.afw-magnify #afw-page-root [class*=body]:hover,body.afw-magnify #afw-page-root [class*=description]:hover{font-size:1.18em!important;transition:font-size .12s!important}body.afw-magnify h1,body.afw-magnify h2,body.afw-magnify h3,body.afw-magnify h4,body.afw-magnify h5,body.afw-magnify h6{font-size:revert!important}body.afw-magnify #afw-panel :hover,body.afw-magnify #afw-launcher:hover{font-size:inherit!important;transition:none!important}@media (width<=480px){#afw-panel{border-radius:var(--r-xl);width:calc(100vw - 20px)!important}}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
|
|
1
|
+
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#ca4f00;--brand-dk:#b84d12;--brand-lt:#fef2e8;--brand-mid:#ca4f00;--brand-subtle:#e8682a14;--brand-glow:#e8682a38;--ink:#141417;--ink-2:#3a3a42;--ink-3:#6c6c78;--ink-4:#9c9ca8;--ink-5:#c8c8d2;--white:#fff;--surface:#f9f9fb;--surface-2:#f3f3f6;--surface-3:#ebebef;--line:#e2e2e8;--line-2:#f0f0f4;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--sh-xs:0 1px 2px #0000000d;--sh-sm:0 2px 8px #00000012, 0 1px 2px #0000000a;--sh-md:0 6px 20px #00000017, 0 2px 6px #0000000d;--sh-lg:0 16px 48px #00000021,0 4px 12px #0000000f;--sh-xl:0 28px 72px #0000002e,0 8px 24px #00000014,0 2px 6px #0000000a;--sh-brand:0 6px 22px #e8682a57,0 2px 6px #e8682a2e;--sh-brand-lg:0 12px 36px #e8682a66,0 4px 10px #e8682a38;--font:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-std:cubic-bezier(.4, 0, .2, 1);--t:all .18s cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font);color:var(--ink);background:#eae7e1;min-height:100vh;line-height:1.6}.demo{max-width:880px;margin:0 auto;padding:80px 32px 180px}.demo-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:var(--brand-lt);border:1.5px solid #e8682a33;border-radius:100px;align-items:center;gap:7px;margin-bottom:26px;padding:5px 14px 5px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.demo-badge span{background:var(--brand);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse-dot;display:block}@keyframes pulse-dot{0%,to{box-shadow:0 0 #e8682a66}50%{box-shadow:0 0 0 5px #e8682a00}}.demo h1{letter-spacing:-.04em;color:var(--ink);margin-bottom:18px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.06}.demo h1 mark{color:var(--brand);background:0 0;position:relative}.demo-lead{color:var(--ink-3);max-width:500px;margin-bottom:52px;font-size:1.05rem;font-weight:400;line-height:1.78}.demo-lead kbd{background:var(--white);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);box-shadow:var(--sh-xs);border-bottom-width:2.5px;border-radius:6px;padding:1px 7px;font-size:.8em}.demo-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=620px){.demo-grid{grid-template-columns:1fr}}.demo-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border:1px solid #0000000f;padding:26px 24px}.demo-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.demo-card h2{color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;font-size:.88rem;font-weight:700}.demo-card p{color:var(--ink-3);font-size:.84rem;line-height:1.72}.demo-card a{color:var(--brand);border-bottom:1.5px solid #e8682a47;font-weight:600;text-decoration:none;transition:border-color .14s}.demo-card a:hover{border-bottom-color:var(--brand)}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.22}}.skip-link{background:var(--ink);color:var(--white);font-family:var(--font);border-radius:var(--r-sm);z-index:99999;transition:top .18s var(--ease-out);box-shadow:var(--sh-lg);padding:10px 22px;font-size:.84rem;font-weight:600;text-decoration:none;position:fixed;top:-110px;left:18px}.skip-link:focus{top:18px}#afw-launcher{cursor:grab;z-index:9998;width:62px;height:62px;transition:box-shadow .22s var(--ease-out), background .18s;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:#ca4f00;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;left:28px;box-shadow:0 6px 22px #ca4f0061,0 2px 6px #ca4f0038}#afw-launcher.afw-dragging{cursor:grabbing!important;transition:box-shadow .12s!important;box-shadow:0 12px 36px #ca4f0080,0 4px 12px #ca4f0047!important}#afw-launcher:after{content:"";opacity:0;transition:opacity .24s, transform .3s var(--ease-spring);z-index:-1;pointer-events:none;background:radial-gradient(circle,#ca4f0047 0%,#0000 72%);border-radius:50%;position:absolute;inset:-5px;transform:scale(.7)}#afw-launcher:hover:not(.afw-dragging){transform:scale(1.08)translateY(-2px);box-shadow:0 12px 36px #ca4f0075,0 4px 10px #ca4f0042}#afw-launcher:hover:after{opacity:1;transform:scale(1)}#afw-launcher:focus-visible{box-shadow:0 0 0 3px var(--white), 0 0 0 6px #ca4f00, 0 6px 22px #ca4f0061}#afw-launcher[aria-expanded=true]{background:#ca4f00;box-shadow:0 6px 24px #ca4f0061,0 2px 6px #ca4f0038}#afw-launcher .ico-open{display:flex}#afw-launcher .ico-close{display:none}#afw-launcher .ico-close svg{fill:#fff!important;color:#fff!important;stroke:none!important;width:18px!important;height:18px!important;display:block!important}#afw-launcher .ico-close svg path{fill:#fff!important;stroke:none!important}#afw-panel{background:var(--white);border-radius:var(--r-2xl);z-index:9999;width:392px;height:650px;max-height:87vh;box-shadow:var(--sh-xl), 0 0 0 1px #00000012;font-family:var(--font);isolation:isolate;transition:opacity .22s ease, visibility .22s, transform .22s var(--ease-out);transform-origin:0 0;flex-direction:column;display:flex;position:fixed;overflow:hidden}#afw-panel[hidden]{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.94);display:flex!important}#afw-panel:not([hidden]){opacity:1;visibility:visible;transform:scale(1)}#afw-panel.afw-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;box-shadow:var(--sh-xl), 0 0 0 2px #6200b159!important;transition:none!important}.afw-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#ca4f00;flex-shrink:0;position:relative;overflow:hidden}.afw-header:active{cursor:grabbing}.afw-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24 0%,#0000 68%);border-radius:50%;width:200px;height:200px;position:absolute;top:-90px;right:-50px}.afw-header:after{content:"";pointer-events:none;background:radial-gradient(140px 90px at 5% 130%,#ffc8641f 0%,#0000 100%),linear-gradient(#ffffff0f 0%,#0000 50%);position:absolute;inset:0}.afw-header-inner{z-index:1;padding:20px 20px 17px;position:relative}.afw-header-row{align-items:center;gap:13px;display:flex}.afw-header-icon{background:#ffffff2e;border:1px solid #ffffff42;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 1px #ffffff47,0 2px 8px #00000024}.afw-header-title{color:#fff;letter-spacing:-.025em;font-size:1.02rem;font-weight:800;line-height:1.2}.afw-header-sub{color:#fff;letter-spacing:.01em;margin-top:2px;font-size:.68rem;font-weight:500}.afw-header-close{cursor:pointer;color:#fff;width:34px;height:34px;transition:background .16s, transform .18s var(--ease-spring);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.afw-header-close:hover{background:#ffffff47;transform:scale(1.1)}.afw-header-close:focus-visible{outline-offset:2px;outline:2.5px solid #fff}.afw-header-close svg{pointer-events:none;fill:#fff!important;color:#fff!important;stroke:none!important;width:14px!important;height:14px!important;display:block!important;overflow:visible!important}.afw-header-close svg path{fill:#fff!important;stroke:none!important}.afw-tabs{background:var(--surface-2);border-bottom:1.5px solid var(--line);flex-shrink:0;padding:0 8px;display:flex}.afw-tab{font-family:var(--font);color:var(--ink-3);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border-radius:var(--r-xs) var(--r-xs) 0 0;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1.5px;padding:10px 4px 9px;font-size:.695rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.afw-tab:hover{color:var(--brand-dk);background:#e8682a0a}.afw-tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand);background:var(--white);font-weight:700}.afw-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.afw-body{scroll-behavior:smooth;background:var(--surface-2);flex:1;padding:14px 14px 22px;overflow:hidden auto}.afw-body::-webkit-scrollbar{width:3px}.afw-body::-webkit-scrollbar-track{background:0 0}.afw-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.afw-section{display:none}.afw-section.active{display:block}.afw-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-top:1.5px solid var(--line);align-items:center;gap:8px;margin:20px 0 7px 1px;padding-top:14px;font-size:.6rem;font-weight:800;display:flex}.afw-label:after{content:"";background:var(--line);flex:1;height:1px}.afw-label:first-child{border-top:none;margin-top:2px;padding-top:0}.afw-note{background:var(--brand-lt);border:1px solid #e8682a38;border-left:3px solid var(--brand);border-radius:var(--r-sm);margin-bottom:12px;padding:10px 12px}.afw-note-label{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-dk);margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.afw-note-text{color:#000;margin:0;font-size:.75rem;line-height:1.5}.afw-profiles{flex-wrap:wrap;gap:5px;margin-bottom:4px;display:flex}.afw-profile{border:1.5px solid var(--line);background:var(--white);font-family:var(--font);color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .16s var(--ease-out);box-shadow:var(--sh-xs);border-radius:100px;align-items:center;gap:6px;padding:6px 13px 6px 9px;font-size:.72rem;font-weight:600;display:flex}.afw-profile:hover{color:var(--brand);background:var(--brand-lt);border-color:#e8682a61;transform:translateY(-1px);box-shadow:0 3px 10px #e8682a24}.afw-profile.active,.afw-profile.active:hover,.afw-profile[aria-pressed=true]{background:linear-gradient(135deg, var(--brand-mid) 0%, var(--brand-dk) 100%);border-color:#0000;box-shadow:0 4px 14px #e8682a5c;color:var(--white)!important}.afw-profile.active svg,.afw-profile.active:hover svg,.afw-profile[aria-pressed=true] svg{stroke:var(--white)}.afw-profile svg{flex-shrink:0}.afw-profile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.afw-grid-3{grid-template-columns:1fr 1fr 1fr}.afw-grid-1{grid-template-columns:1fr}.afw-tile{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-family:var(--font);text-align:left;min-height:52px;box-shadow:var(--sh-xs);transition:border-color .16s, transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .16s;align-items:center;gap:8px;padding:9px 10px;display:flex;position:relative}.afw-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#fef3e8e6 0%,#fff8f080 100%);transition:opacity .16s;position:absolute;inset:0}.afw-tile:hover{box-shadow:0 4px 14px #e8682a1a, var(--sh-sm);border-color:#e8682a59;transform:translateY(-1px)}.afw-tile:hover:after{opacity:1}.afw-tile.on{border-color:var(--brand);background:linear-gradient(135deg,#feeedc 0%,#fff5ea 100%);box-shadow:0 0 0 2px #e8682a40,0 4px 14px #e8682a24}.afw-tile.on:after{opacity:0}.afw-tile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-tile-icon{background:var(--surface-2);border:1px solid var(--line);z-index:1;width:30px;height:30px;color:var(--ink-4);transition:all .18s var(--ease-out);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.afw-tile:hover .afw-tile-icon{color:var(--brand);background:#e8682a12;border-color:#e8682a38}.afw-tile.on .afw-tile-icon{color:#fff;background:linear-gradient(135deg,#f58040 0%,#d05010 100%);border-color:#0000;box-shadow:0 3px 10px #e8682a5c}.afw-tile-body{z-index:1;flex:1;min-width:0;position:relative}.afw-tile-name{color:var(--ink-2);letter-spacing:-.01em;font-size:.75rem;font-weight:700;line-height:1.25;display:block}.afw-tile.on .afw-tile-name{color:var(--brand-dk)}.afw-tile-desc{color:var(--ink-3);margin-top:2px;font-size:.63rem;line-height:1.3;display:block}.afw-toggle,.afw-tile-check{box-sizing:border-box;pointer-events:none;z-index:1;opacity:1;width:28px;min-width:28px;height:16px;box-shadow:none;background:#dcdce4;border:1px solid #00000014;border-radius:999px;flex-shrink:0;align-items:center;margin-left:auto;padding:1px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;top:auto;right:auto;transform:none}.afw-toggle svg,.afw-tile-check svg{display:none!important}.afw-toggle-thumb{background:var(--white);border-radius:50%;width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.25,.64,1),background-color .2s;display:block;transform:translate(0);box-shadow:0 1px 3px #00000038,0 0 1px #0000001f}.afw-tile-check:not(:has(.afw-toggle-thumb)):after{content:"";background:var(--white);border-radius:50%;width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.25,.64,1);display:block;transform:translate(0);box-shadow:0 1px 3px #00000038}.afw-tile:hover .afw-toggle,.afw-tile:hover .afw-tile-check{background:#d2d2dc;border-color:#e8682a4d}.afw-tile.on .afw-toggle,.afw-tile.on .afw-tile-check{background:linear-gradient(135deg, #f58040 0%, var(--brand) 100%);border-color:var(--brand-dk);opacity:1;transform:none;box-shadow:0 1px 5px #ca4f0059}.afw-tile.on .afw-toggle-thumb{background:var(--white);transform:translate(12px);box-shadow:0 1px 3px #00000040}.afw-tile.on .afw-tile-check:not(:has(.afw-toggle-thumb)):after{background:var(--white);transform:translate(12px);box-shadow:0 1px 3px #00000040}.afw-grid-3 .afw-tile{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;min-height:84px;padding:8px 4px}.afw-grid-3 .afw-tile .afw-toggle,.afw-grid-3 .afw-tile .afw-tile-check{margin-top:4px;margin-left:0}.afw-tile-wide{gap:12px;padding:12px 14px}.afw-tile-wide .afw-tile-icon{border-radius:10px;width:36px;height:36px}.afw-tile-wide .afw-toggle,.afw-tile-wide .afw-tile-check{margin-left:auto}.afw-stepper{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:11px 13px;transition:border-color .16s,box-shadow .16s;display:flex}.afw-stepper:hover{box-shadow:var(--sh-sm);border-color:#e8682a4d}.afw-stepper-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.afw-stepper-icon{background:var(--surface-2);border:1px solid var(--line);width:32px;height:32px;color:var(--ink-3);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.afw-stepper-name{color:var(--ink-2);letter-spacing:-.01em;font-size:.76rem;font-weight:700;display:block}.afw-stepper-val{color:var(--brand);font-size:.65rem;font-weight:600;font-family:var(--font-mono);margin-top:2px;display:block}.afw-ctrl{background:var(--surface-2);border:1.5px solid var(--line);border-radius:10px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.afw-btn-step{cursor:pointer;width:30px;height:30px;font-size:1.05rem;font-family:var(--font-mono);color:var(--ink-3);transition:var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.afw-btn-step:hover{background:var(--brand-lt);color:var(--brand)}.afw-btn-step:disabled{opacity:.24;cursor:not-allowed}.afw-btn-step:disabled:hover{color:var(--ink-3);background:0 0}.afw-btn-step:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.afw-step-num{min-width:32px;height:30px;font-size:.72rem;font-weight:700;font-family:var(--font-mono);color:var(--ink);border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--white);justify-content:center;align-items:center;padding:0 4px;display:flex}.afw-sr-panel{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-xs);overflow:hidden}.afw-sr-output{min-height:78px;font-family:var(--font-mono);color:#f2b654;word-break:break-word;background:#0f0f13;padding:14px 16px;font-size:.71rem;line-height:1.75;position:relative}.afw-sr-output:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.afw-sr-output .idle{color:#353546;font-style:italic}.afw-sr-progress{background:#1a1a22;height:3px}.afw-sr-progress-bar{background:linear-gradient(90deg, var(--brand-mid), var(--brand));width:0%;height:100%;transition:width .22s var(--ease-out);box-shadow:0 0 10px #e8682a8c}.afw-sr-controls{background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:5px;padding:9px 11px;display:flex}.afw-sr-btn{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--white);font-family:var(--font);color:var(--ink-3);cursor:pointer;transition:all .14s var(--ease-out);white-space:nowrap;box-shadow:var(--sh-xs);justify-content:center;align-items:center;gap:5px;padding:6px 11px;font-size:.7rem;font-weight:600;display:flex}.afw-sr-btn:hover{color:var(--brand);background:var(--brand-lt);border-color:#e8682a61}.afw-sr-btn.active{color:#fff;background:linear-gradient(135deg,#f07832,#c84808);border-color:#0000;box-shadow:0 3px 10px #e8682a52}.afw-sr-btn:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.afw-sr-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-sr-sep{flex:1}.afw-sr-settings{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.afw-sr-row{align-items:center;gap:10px;display:flex}.afw-sr-row label{color:var(--ink-4);letter-spacing:.01em;min-width:44px;font-size:.7rem;font-weight:600}.afw-range{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:100px;flex:1;height:4px}.afw-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;box-shadow:0 0 0 2.5px var(--white), 0 2px 8px #e8682a6b;cursor:pointer;transition:transform .15s var(--ease-spring);background:linear-gradient(135deg,#f07832,#c84808);border-radius:50%}.afw-range::-webkit-slider-thumb:hover{transform:scale(1.22)}.afw-range:focus-visible{outline:2px solid var(--brand);border-radius:4px}.afw-range-val{font-size:.66rem;font-family:var(--font-mono);color:var(--brand);text-align:right;min-width:30px;font-weight:600}.afw-voice-select{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--white);font-family:var(--font);color:var(--ink-2);cursor:pointer;flex:1;min-width:0;padding:6px 10px;font-size:.71rem;font-weight:500}.afw-voice-select:focus{outline:2px solid var(--brand);border-color:var(--brand)}.afw-shortcuts{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--white);box-shadow:var(--sh-xs);flex-direction:column;display:flex;overflow:hidden}.afw-shortcut{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:9px 14px;font-size:.76rem;transition:background .12s;display:flex}.afw-shortcut:hover{background:var(--surface-2)}.afw-shortcut:last-child{border-bottom:none}.afw-shortcut span{color:var(--ink-3);font-weight:500}.afw-shortcut kbd{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);box-shadow:var(--sh-xs);border-bottom-width:2.5px;border-radius:6px;padding:2px 8px;font-size:.64rem;font-weight:600}.afw-reset{border:1.5px dashed var(--line);border-radius:var(--r-md);width:100%;font-family:var(--font);color:var(--ink-4);cursor:pointer;transition:all .18s var(--ease-out);letter-spacing:.01em;background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:10px 16px;font-size:.75rem;font-weight:600;display:flex}.afw-reset:hover{color:var(--brand);background:var(--brand-lt);border-style:solid;border-color:#e8682a73;box-shadow:0 2px 10px #e8682a1f}.afw-reset:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.afw-footer{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative;overflow:hidden}.afw-footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00000005 0%,#0000 60%);position:absolute;inset:0}.afw-footer-logo{object-fit:contain;max-width:150px;height:22px;display:block}.afw-footer-text{color:#141417;font-size:.64rem;font-family:var(--font-mono);letter-spacing:.03em;position:relative}.afw-footer-text strong{color:#141417;font-weight:700}.afw-footer-badge{color:#141417;font-size:.59rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;background:#0000000a;border:1px solid #00000026;border-radius:6px;padding:3px 9px;position:relative}#afw-guide{pointer-events:none;z-index:9990;background:#e8682a12;border-top:2px solid #e8682a61;border-bottom:2px solid #e8682a61;height:42px;display:none;position:fixed;top:-200px;left:0;right:0}body.afw-guide #afw-guide{display:block}#afw-mask{pointer-events:none;z-index:9989;display:none;position:fixed;inset:0}body.afw-mask #afw-mask{display:block}.afw-mask-top,.afw-mask-bot{background:#0000009e;position:absolute;left:0;right:0}.afw-mask-top{top:0}.afw-mask-bot{bottom:0}#afw-ring{pointer-events:none;z-index:9997;border:2px solid var(--brand);border-radius:8px;transition:top 70ms,left 70ms,width 70ms,height 70ms;display:none;position:fixed;box-shadow:0 0 0 4px #e8682a2e,inset 0 0 0 1px #ffffff42}body.afw-sr-active #afw-ring{display:block}#afw-page-root{width:100%;min-height:100%;display:block}#afw-panel,body[class*=afw-fs-] #afw-panel,body.afw-fs--1 #afw-panel{font-size:14px!important}body[class*=afw-fs-] #afw-launcher,body.afw-fs--1 #afw-launcher{width:62px!important;height:62px!important;font-size:14px!important}#afw-panel,#afw-launcher{position:fixed!important}body.afw-dark{color:#fff!important;background:#000!important}body.afw-dark #afw-page-root,body.afw-dark #afw-page-root *{color:#fff!important;background-color:#000!important;border-color:#444!important}body.afw-dark #afw-page-root .CodeMirror,body.afw-dark #afw-page-root .CodeMirror *,body.afw-dark #afw-page-root [class*=editor],body.afw-dark #afw-page-root [class*=editor] *,body.afw-dark #afw-page-root [class*=email-preview],body.afw-dark #afw-page-root [class*=email-preview] *,body.afw-dark #afw-page-root [class*=generated],body.afw-dark #afw-page-root [class*=generated] *{background-color:revert!important;color:revert!important;border-color:revert!important}body.afw-dark #afw-page-root a{color:#ff0!important;text-decoration:underline!important}body.afw-dark #afw-page-root button,body.afw-dark #afw-page-root [role=button],body.afw-dark #afw-page-root input[type=button],body.afw-dark #afw-page-root input[type=submit],body.afw-dark #afw-page-root input[type=reset]{color:#fff!important;background-color:#1a1a1a!important;border:1.5px solid #555!important;outline:none!important}body.afw-dark #afw-page-root button:hover,body.afw-dark #afw-page-root [role=button]:hover{background-color:#2a2a2a!important;border-color:#888!important}body.afw-light{color:#000!important;background:#fff!important}body.afw-light #afw-page-root,body.afw-light #afw-page-root *{color:#000!important;background-color:#fff!important}body.afw-light #afw-page-root canvas,body.afw-light #afw-page-root video,body.afw-light #afw-page-root img{background-color:revert!important}body.afw-light #afw-page-root a{color:#00c!important;text-decoration:underline!important}body.afw-light #afw-page-root button,body.afw-light #afw-page-root [role=button],body.afw-light #afw-page-root input[type=button],body.afw-light #afw-page-root input[type=submit],body.afw-light #afw-page-root input[type=reset]{color:#000!important;background-color:#f0f0f0!important;border:1.5px solid #aaa!important}body.afw-light #afw-page-root button:hover,body.afw-light #afw-page-root [role=button]:hover{background-color:#e0e0e0!important;border-color:#666!important}body.afw-hc{color:#fff!important;background:#000!important}body.afw-hc #afw-page-root{color:#fff!important;background-color:#000!important}body.afw-hc #afw-page-root *{color:#fff!important;text-shadow:none!important;background-color:#000!important;border-color:#fff!important}body.afw-hc #afw-page-root .CodeMirror,body.afw-hc #afw-page-root .CodeMirror *,body.afw-hc #afw-page-root [class*=editor],body.afw-hc #afw-page-root [class*=editor] *,body.afw-hc #afw-page-root [class*=email-preview],body.afw-hc #afw-page-root [class*=email-preview] *,body.afw-hc #afw-page-root [class*=generated],body.afw-hc #afw-page-root [class*=generated] *{background-color:revert!important;color:revert!important;border-color:revert!important}body.afw-hc #afw-page-root a{color:#ff0!important;background-color:#0000!important;text-decoration:underline!important}body.afw-hc #afw-page-root button,body.afw-hc #afw-page-root [role=button],body.afw-hc #afw-page-root input[type=button],body.afw-hc #afw-page-root input[type=submit],body.afw-hc #afw-page-root input[type=reset]{color:#fff!important;background-color:#000!important;border:2px solid #fff!important;outline:none!important}body.afw-hc #afw-page-root button:hover,body.afw-hc #afw-page-root [role=button]:hover{background-color:#222!important;border-color:#fff!important;outline:2px solid #fff!important}body.afw-hc #afw-page-root button[aria-pressed=true],body.afw-hc #afw-page-root button.active,body.afw-hc #afw-page-root button[aria-selected=true]{color:#000!important;background-color:#fff!important;border:2px solid #fff!important}body.afw-invert #afw-page-root{filter:invert()hue-rotate(180deg)}body.afw-invert #afw-page-root img,body.afw-invert #afw-page-root video,body.afw-invert #afw-page-root canvas,body.afw-invert #afw-page-root iframe,body.afw-invert #afw-page-root svg:not(#afw-cb-filters){filter:invert()hue-rotate(180deg)!important}body.afw-invert #afw-page-root [style*="background-color: white"],body.afw-invert #afw-page-root [style*="background-color:#fff"],body.afw-invert #afw-page-root [style*="background-color: #fff"],body.afw-invert #afw-page-root [style*="background:#fff"],body.afw-invert #afw-page-root [style*="background: white"]{filter:invert()!important}body.afw-invert #afw-page-root{background-color:#fff}body.afw-gray #afw-page-root{filter:grayscale()}body.afw-lowcon #afw-page-root{filter:contrast(.65)brightness(1.08)}body.afw-desat #afw-page-root{filter:saturate(.15)}body.afw-cb-proto #afw-page-root{filter:url(#f-proto)}body.afw-cb-deut #afw-page-root{filter:url(#f-deut)}body.afw-cb-trit #afw-page-root{filter:url(#f-trit)}body.afw-fs--1{font-size:13px!important}body.afw-fs-1{font-size:17px!important}body.afw-fs-2{font-size:20px!important}body.afw-fs-3{font-size:23px!important}body.afw-fs-4{font-size:26px!important}body.afw-fs-5{font-size:30px!important}body.afw-ls-1 *{letter-spacing:.04em!important}body.afw-ls-2 *{letter-spacing:.09em!important}body.afw-ls-3 *{letter-spacing:.16em!important}body.afw-lh-1 *{line-height:1.75!important}body.afw-lh-2 *{line-height:2.1!important}body.afw-lh-3 *{line-height:2.5!important}body.afw-ws *{word-spacing:.2em!important}body.afw-dyslexia *{font-family:Lexend,sans-serif!important}body.afw-alignl *{text-align:left!important}body.afw-pause *,body.afw-pause :before,body.afw-pause :after{transition-duration:0s!important;animation-play-state:paused!important}body.afw-pause #afw-panel,body.afw-pause #afw-panel *,body.afw-pause #afw-panel :before,body.afw-pause #afw-panel :after,body.afw-pause #afw-launcher,body.afw-pause #afw-launcher:after{transition-duration:revert!important;animation-play-state:running!important}body.afw-focus :focus{outline:3px solid var(--brand)!important;outline-offset:4px!important;border-radius:4px!important}body.afw-spotlight :focus{box-shadow:0 0 0 4px var(--brand), 0 0 0 8px #e8682a38!important;outline:none!important}body.afw-spotlight.afw-hc :focus{outline:none!important;box-shadow:0 0 0 4px #fff,0 0 0 8px #ffffff4d!important}body.afw-hl-links a{color:#1a1a22!important;border-bottom:2px solid var(--brand)!important;background:#fff7de!important;border-radius:4px!important;padding:1px 4px!important;text-decoration:none!important}body.afw-hl-heads h1,body.afw-hl-heads h2,body.afw-hl-heads h3,body.afw-hl-heads h4{border-left:4px solid var(--brand)!important;background:#e8682a0d!important;padding-left:13px!important}body.afw-hide-img img,body.afw-hide-img [role=img],body.afw-hide-img picture,body.afw-hide-img svg:not(#afw-cb-filters svg){opacity:0!important}body.afw-bigcursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpolygon points='5,3 5,31 12,23 17,35 22,32 17,20 26,20' fill='%23E8682A' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,auto!important}html:has(body.afw-sb)::-webkit-scrollbar{width:16px!important;height:16px!important}html:has(body.afw-sb)::-webkit-scrollbar-track{background:#e0e0e0!important;border-radius:0!important}html:has(body.afw-sb)::-webkit-scrollbar-thumb{background:#ca4f00!important;border:3px solid #e0e0e0!important;border-radius:8px!important;min-height:40px!important}html:has(body.afw-sb)::-webkit-scrollbar-thumb:hover{background:#a33e00!important}body.afw-sb ::-webkit-scrollbar{width:16px!important;height:16px!important}body.afw-sb ::-webkit-scrollbar-track{background:#e0e0e0!important;border-radius:0!important}body.afw-sb ::-webkit-scrollbar-thumb{background:#ca4f00!important;border:3px solid #e0e0e0!important;border-radius:8px!important;min-height:40px!important}body.afw-sb ::-webkit-scrollbar-thumb:hover{background:#a33e00!important}body.afw-sb.afw-dark ::-webkit-scrollbar-track{background:#333!important}body.afw-sb.afw-hc ::-webkit-scrollbar-track{background:#333!important}body.afw-sb.afw-dark ::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}body.afw-sb.afw-hc ::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}html:has(body.afw-sb.afw-dark)::-webkit-scrollbar-track{background:#333!important}html:has(body.afw-sb.afw-hc)::-webkit-scrollbar-track{background:#333!important}html:has(body.afw-sb.afw-dark)::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}html:has(body.afw-sb.afw-hc)::-webkit-scrollbar-thumb{background:#ca4f00!important;border-color:#333!important}body.afw-sb,body.afw-sb *{scrollbar-color:#ca4f00 #e0e0e0!important}html:has(body.afw-sb){scrollbar-color:#ca4f00 #e0e0e0!important}body.afw-sb.afw-dark,body.afw-sb.afw-hc,body.afw-sb.afw-dark *,body.afw-sb.afw-hc *{scrollbar-color:#ca4f00 #333!important}body.afw-magnify #afw-page-root p:hover,body.afw-magnify #afw-page-root li:hover,body.afw-magnify #afw-page-root td:hover,body.afw-magnify #afw-page-root th:hover,body.afw-magnify #afw-page-root span:hover,body.afw-magnify #afw-page-root label:hover,body.afw-magnify #afw-page-root div:hover>span,body.afw-magnify #afw-page-root div:hover>p,body.afw-magnify #afw-page-root blockquote:hover,body.afw-magnify #afw-page-root figcaption:hover,body.afw-magnify #afw-page-root article:hover>p,body.afw-magnify #afw-page-root section:hover>p,body.afw-magnify #afw-page-root .text:hover,body.afw-magnify #afw-page-root [class*=text]:hover,body.afw-magnify #afw-page-root [class*=content]:hover,body.afw-magnify #afw-page-root [class*=body]:hover,body.afw-magnify #afw-page-root [class*=description]:hover{font-size:1.18em!important;transition:font-size .12s!important}body.afw-magnify h1,body.afw-magnify h2,body.afw-magnify h3,body.afw-magnify h4,body.afw-magnify h5,body.afw-magnify h6{font-size:revert!important}body.afw-magnify #afw-panel :hover,body.afw-magnify #afw-launcher:hover{font-size:inherit!important;transition:none!important}@media (width<=480px){#afw-panel{border-radius:var(--r-xl);width:calc(100vw - 20px)!important}}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
|
|
2
2
|
(function(){(function(){"use strict";let e=`<div style="background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:14px 16px;text-align:center;"><p style="font-size:.75rem;color:#000000;line-height:1.6;">Select a profile above to see what settings it activates.</p></div>`,t=`
|
|
3
3
|
<svg id="afw-cb-filters" aria-hidden="true" focusable="false" style="position:absolute;width:0;height:0;overflow:hidden">
|
|
4
4
|
<defs>
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
</svg>
|
|
26
26
|
</span>
|
|
27
27
|
<span class="ico-close" aria-hidden="true">
|
|
28
|
-
<svg width="
|
|
29
|
-
<path d="
|
|
28
|
+
<svg width="18" height="18" viewBox="0 0 24 24" fill="#ffffff" aria-hidden="true" style="display:block;margin:auto;">
|
|
29
|
+
<path fill="#ffffff" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
|
|
30
30
|
</svg>
|
|
31
31
|
</span>
|
|
32
32
|
</button>
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
<div class="afw-header-sub" id="afw-dialog-desc">by AccessGen</div>
|
|
49
49
|
</div>
|
|
50
50
|
<button id="afw-panel-close" class="afw-header-close" aria-label="Close accessibility widget">
|
|
51
|
-
<svg width="
|
|
52
|
-
<path d="
|
|
51
|
+
<svg width="14" height="14" viewBox="0 0 24 24" fill="#ffffff" aria-hidden="true" style="display:block;margin:auto;">
|
|
52
|
+
<path fill="#ffffff" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
|
|
53
53
|
</svg>
|
|
54
54
|
</button>
|
|
55
55
|
</div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "accessgen-a11y-widget",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Standalone accessibility widget with multiple assistive features.",
|
|
6
6
|
"main": "dist/a11y-widget.min.js",
|
|
@@ -8,9 +8,10 @@
|
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"scripts": {
|
|
11
|
-
"start": "
|
|
11
|
+
"start": "vite --open",
|
|
12
12
|
"dev": "vite",
|
|
13
13
|
"build": "vite build",
|
|
14
|
+
"preview": "vite preview",
|
|
14
15
|
"lint": "echo \"No linter configured\""
|
|
15
16
|
},
|
|
16
17
|
"keywords": [
|