/* f825 Option A 'Clean tabs' avatar editor (Will, Oct 31 2026 11:05 PM). public/avatar-editor.js builds the markup (.avp.avA).
   Everywhere: one row of 9 big tabs that show their current pick, big tiles/swatches, labels with the current value, a green-ringed pick.
   In the Me page sheet (.a4-s-av, the only place with Save): a fixed-height studio. Preview on top, tabs, the tab's options (one screen),
   Save pinned at the bottom with an unsaved-changes dot. PC (>= 900px): preview on the left, everything else on the right. */
.avp.avA{gap:10px;margin-top:0;--avk:#1b1a2e;--avg:#ffd23c;--avm:#5ee6a0;--avt:#3a3960;--avt2:#4b4a80}
/* preview */
.avA .avp-stage:not(#_){border:4px solid var(--avk);border-radius:16px;box-shadow:0 0 0 3px #fff,0 5px 0 3px var(--avk)}
.avA .avp-undo{position:absolute;left:10px;top:10px;z-index:4;width:46px;height:46px;padding:0;border:3px solid var(--avk);border-radius:12px;background:#1b1a2ee6;color:#fff;font:900 22px/1 system-ui,sans-serif;box-shadow:0 3px 0 var(--avk);cursor:pointer;transition:transform .08s,opacity .15s}
.avA .avp-undo:disabled{opacity:.4;cursor:default}
.avA .avp-undo:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--avk)}
.avA .avp-rand:not(#_){left:auto;bottom:auto;right:10px;top:10px;min-height:46px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center}
.avA .avp-rand .avp-px{font-size:14px}
.avA .avp-tag{position:absolute;left:50%;bottom:10px;z-index:3;transform:translateX(-50%);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#1b1a2ee6;border:2px solid #ffffff38;color:#fff;font:700 13px/1.1 var(--px);pointer-events:none}
.avA .avp-tag:empty{display:none}
.avA .avp-burst{position:absolute;left:50%;top:45%;z-index:5;pointer-events:none}
.avA .avp-burst i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;background:var(--c);border:2px solid var(--avk);transform:rotate(45deg) scale(.3);animation:avfly .75s cubic-bezier(.2,.8,.3,1) both}
@keyframes avfly{0%{transform:translate(0,0) rotate(45deg) scale(.3);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(225deg) scale(1);opacity:0}}
.avA .avp-stage.avp-yay{animation:avyay .5s cubic-bezier(.3,1.7,.5,1)}
@keyframes avyay{0%{transform:scale(.96)}45%{transform:scale(1.025)}100%{transform:scale(1)}}
/* the 9 tabs */
.avp.avA .avp-tabs9:not(#_){display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 4px 9px;margin:0 -4px;border:0;border-radius:0;background:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:0 24px}
.avA .avp-tabs9::-webkit-scrollbar{display:none}
.avp.avA .avp-tabs9 button:not(#_){flex:0 0 70px;height:66px;min-height:0;grid-column:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:3px solid var(--avk);border-radius:14px;background:var(--avt);color:#e3e2ff;font:700 12px/1 var(--px);letter-spacing:.01em;box-shadow:0 3px 0 var(--avk);opacity:1;transition:transform .1s,box-shadow .1s,background .1s}
.avp.avA .avp-tabs9 button.on:not(#_){background:var(--avt2);color:#fff;box-shadow:0 0 0 3px var(--avg),0 3px 0 var(--avk);transform:translateY(-2px)}
.avp.avA .avp-tabs9 button:not(#_):active{transform:translateY(1px);box-shadow:0 1px 0 var(--avk)}
.avA .avp-ti{display:block;width:34px;height:34px;flex:none;border:2px solid var(--avk);border-radius:9px;overflow:hidden;background:#fff}
.avA .avp-tii{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;font:700 10px/1 var(--px);color:var(--avk)}
.avA .avp-tii img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.avA .avp-tie{background:radial-gradient(circle,#fff 0 16%,var(--c) 18% 52%,var(--avk) 54%)!important}
.avA .avp-tio{background-image:none}
.avA .avp-tioff{background:#d9d8e8!important}
/* option panels */
.avA .avp-p{min-height:0;gap:10px}
.avA .avp-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:2px}
.avA .avp-lbl .avp-h{margin:0;font:700 14px/1.15 var(--px);opacity:1}
.avA .avp-val{font:700 13px/1.15 var(--px);opacity:.75;text-align:right;overflow-wrap:anywhere}
.avA .avp-val:empty{display:none}
.avA .avp-hint{font-size:13px;opacity:.8;margin:0}
.avA .avp-seg button:not(#_){min-height:46px;border-radius:12px;font-size:15px}
.avA .avp-chars{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px}
.avA .avp-ch:not(#_){position:relative;border-radius:14px;background:#f2f4f0}
.avA .avp-ch.on:not(#_){background:#f2f4f0;box-shadow:0 0 0 3px var(--avg),0 3px 0 var(--avk);transform:translateY(-2px)}
.avA .avp-ch.on::before{content:"✓";position:absolute;right:3px;bottom:3px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--avm);border:2px solid var(--avk);color:var(--avk);font:900 13px/19px system-ui,sans-serif;text-align:center}
.avA .avp-lktag{display:none}
.avA .avp-ch.avp-sec.locked .avp-lktag{display:block;position:absolute;left:0;right:0;bottom:0;padding:3px 0 4px;background:#1b1a2ef0;color:#fff;font:700 8px/1 var(--px);letter-spacing:-.02em;text-align:center;white-space:nowrap;overflow:hidden}
.avA .avp-ch.avp-sec.locked .avp-lock:not(#_){inset:3px 3px auto auto;width:auto;height:auto;font-size:15px}
.avA .avp-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:9px;max-width:none}
.avA .avp-c{border-radius:12px}
.avA :is(.avp-sks,.avp-hairs,.avp-outs,.avp-eyes,.avp-bgc,.avp-hc) .avp-c{border-radius:50%}
.avA .avp-c.on:not(#_){transform:translateY(-2px);box-shadow:0 0 0 3px var(--avg),0 0 0 6px var(--avk)}
.avA .avp-strip{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:6px 6px 10px;margin:0 -6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.avA .avp-strip::-webkit-scrollbar{display:none}
.avA .avp-strip .avp-c{flex:0 0 62px;width:62px;height:62px}
.avA .avp-bdr{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}
.avA .avp-bgname:empty{display:none}
.avA .avp-pk{animation:avpk .32s cubic-bezier(.3,1.8,.5,1)}
@keyframes avpk{0%{scale:.84}60%{scale:1.08}100%{scale:1}}
.avA input.avp-range{height:46px;max-width:none}
.avA .avp-range::-webkit-slider-runnable-track{height:24px;border-radius:12px}
.avA .avp-range::-moz-range-track{height:18px;border-radius:12px}
.avA .avp-range::-webkit-slider-thumb{box-sizing:border-box;width:36px;height:36px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 3px 0 var(--avk)}
.avA .avp-range::-moz-range-thumb{box-sizing:border-box;width:32px;height:32px;border-radius:50%;background:#fff}
.avA .avp-hrow{margin-top:0}
.avA .avp-toggle{min-height:46px;padding:0 12px 0 6px;border-radius:12px;font-size:14px}
.avA .avp-hi button:not(#_){font-size:15px}
/* Save */
.avA .avp-save-row{flex-direction:column;align-items:stretch;gap:6px}
.avA .avp-dirty{display:flex;align-items:center;gap:8px;min-height:18px;font:700 13px/1 var(--px);color:#ffb3d9}
.avA .avp-dirty[hidden]{display:flex;visibility:hidden}
.avA .avp-dirty::before{content:"";width:9px;height:9px;border-radius:50%;background:#ff8ac6;box-shadow:0 0 8px #ff8ac6;animation:avdot 1.4s ease-in-out infinite}
@keyframes avdot{50%{opacity:.45}}
.avA .avp-save{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0;border:3px solid var(--avk);border-radius:14px;background:linear-gradient(#ffe6f3,#ffbfdd);color:var(--avk);font:700 19px/1 var(--px);box-shadow:0 4px 0 var(--avk),inset 0 0 0 3px #ff8ac6;cursor:pointer;touch-action:manipulation;transition:transform .08s,box-shadow .08s}
.avA .avp-save:active{transform:translateY(3px);box-shadow:0 1px 0 var(--avk),inset 0 0 0 3px #ff8ac6}
.avA .avp-save.done{background:linear-gradient(#d4ffe9,#7eeab6);box-shadow:0 4px 0 var(--avk),inset 0 0 0 3px #3ccf8a;animation:avyay .45s cubic-bezier(.3,1.7,.5,1)}
.avA .avp-save:disabled{opacity:.7}
.avA .avp-msg{min-width:0;font:600 14px/1.35 system-ui,sans-serif}
.avA .avp-msg:empty{display:none}
/* the Me page sheet: a fixed-height studio, Save pinned */
.a4-sheet.a4-s-av:not(#_){height:calc(100vh - 20px);height:calc(100dvh - 20px);max-height:none;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.a4-s-av .a4-sh{flex:none;margin-bottom:4px}
.a4-s-av .a4-sb{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.a4-s-av .a4-sb>.avcard:not(#_){flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.a4-s-av #avpick{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.a4-s-av .avp.avA{flex:1 1 auto;min-height:0}
.a4-s-av .avA .avp-top:not(#_){position:relative;top:auto;flex:none;margin:0;padding:3px 3px 6px;background:none;box-shadow:none;border-radius:0}
.a4-s-av .avA .avp-stage:not(#_){height:clamp(140px,calc(100dvh - 590px),420px)}
.a4-s-av .avA .avp-tabs9{flex:none}
.a4-s-av .avA .avp-panels{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:2px 4px 8px;margin:0 -4px}
.a4-s-av .avA .avp-save-row{flex:none;padding-top:8px;border-top:1px solid #ffffff1a}
@media (min-width:900px){
  .a4-sheet.a4-s-av:not(#_){max-width:min(1320px,calc(100vw - 48px));height:min(calc(100dvh - 48px),900px);bottom:24px;border-radius:22px;padding:12px 24px 20px}
  .a4-s-av .avp.avA{display:grid;grid-template-columns:minmax(380px,44%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:28px;row-gap:12px}
  .a4-s-av .avA .avp-top:not(#_){grid-column:1;grid-row:1/4;display:flex;flex-direction:column;min-height:0;padding:3px 3px 9px}
  .a4-s-av .avA .avp-stage:not(#_){flex:1 1 auto;height:auto;min-height:0}
  .a4-s-av .avp.avA .avp-tabs9:not(#_){grid-column:2;flex-wrap:nowrap;overflow:visible;padding-top:6px;margin:0}
  .a4-s-av .avp.avA .avp-tabs9 button:not(#_){flex:1 1 0;min-width:0;height:80px;font-size:13px}
  .a4-s-av .avA .avp-ti{width:38px;height:38px}
  .a4-s-av .avA .avp-panels{grid-column:2;padding:4px 8px 8px;background:#ffffff08;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff14;margin:0}
  .a4-s-av .avA .avp-p{padding:6px 4px}
  .a4-s-av .avA .avp-save-row{grid-column:2;border-top:0;padding-top:0}
  .avA .avp-chars{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
  .avA .avp-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}
  .avA .avp-strip{flex-wrap:wrap;overflow:visible}
  .avA .avp-strip .avp-c{flex-basis:70px;width:70px;height:70px}
}
@media (prefers-reduced-motion:reduce){.avA .avp-pk,.avA .avp-stage.avp-yay,.avA .avp-save.done,.avA .avp-dirty::before{animation:none}.avA .avp-burst{display:none}}
.avA .avp-bdr{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}
.avA .avp-bdr .avp-plain{background:#fff}
.avA .avp-plain .avp-px{font-size:11px;padding:3px 5px;border-radius:4px}
@media (max-height:700px) and (max-width:899px){.a4-s-av .avA .avp-stage:not(#_){height:168px}.avA .avp-rand .avp-px{font-size:0}.avA .avp-rand .avp-px::first-letter{font-size:20px}.avA .avp-rand:not(#_){width:46px;padding:0;justify-content:center}.avp.avA .avp-tabs9 button:not(#_){height:58px;gap:3px;font-size:11px}.avA .avp-ti{width:28px;height:28px}.avA .avp-save{min-height:50px}.avA .avp-p{gap:8px}}
@media (max-height:620px) and (max-width:899px){.a4-s-av .avA .avp-stage:not(#_){height:124px}}
/* FRLG trainer picker (avatar-editor.js .avF, Will Nov 2 2026): canvas preview (walks in place, tap to turn), grouped trainer tiles with
   names, Gym Leaders as dark silhouettes with a 'Beat <boss>' tag, colour-scheme tiles. Sprites are canvases at whole device pixels. */
.avF .avp-stage{cursor:pointer;height:calc(var(--h,260px) + 12px)}
.avF .avp-cv{position:absolute;inset:0;display:block;image-rendering:pixelated;pointer-events:none;z-index:1}
.avF .avp-bg{position:absolute;inset:0}
.avF .avp-stage.avp-swap .avp-cv{animation:avfhop .22s cubic-bezier(.3,1.6,.5,1)}
@keyframes avfhop{0%{transform:translateY(0)}40%{transform:translateY(-8px)}100%{transform:translateY(0)}}
.avF .avp-turn{position:absolute;right:10px;bottom:10px;z-index:3;padding:5px 9px;border-radius:999px;background:#ffffffe0;color:#1b1a2e;font:700 11px/1 var(--px);pointer-events:none}
.avF .avp-tag{bottom:auto;top:62px}
.avF .avp-gh{margin:12px 2px 2px;font:700 13px/1.2 var(--px);letter-spacing:.04em;color:inherit;opacity:.9;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.avF .avp-gh:first-of-type{margin-top:4px}
.avF .avp-gsub{font:600 11px/1.2 var(--px);opacity:.7;letter-spacing:0}
.avF .avp-fsrc{margin-top:-2px}
.avA.avF .avp-chars{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}
.avA.avF .avp-ch:not(#_){aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding:6px 2px 6px;min-height:92px;color:#1b1a2e}
.avF .avp-fspr{display:block;image-rendering:pixelated;pointer-events:none}
.avF .avp-fn{display:block;max-width:100%;padding:0 3px;font:700 10px/1.1 var(--px);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.avA.avF .avp-ch.avp-sec.locked:not(#_){filter:none;background:#dfe2ee}
.avA.avF .avp-ch.avp-sec.locked .avp-fn{opacity:.55}
.avA.avF .avp-ch.avp-sec.locked .avp-lktag:not(#_){font-size:9px;padding:4px 0}
.avA.avF .avp-ch.avp-sec:not(.locked) .avp-lktag{display:none}
.avF .avp-ch.nope{animation:avfnope .3s}
@keyframes avfnope{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.avF .avp-chhint{position:sticky;bottom:6px;z-index:2;background:#1b1a2e;color:#fff;border-radius:12px;padding:10px 12px;opacity:1!important}
.avF .avp-chhint .avp-stlink{color:#9ee8ff;font-weight:700;margin-left:4px}
.avF .avp-tii canvas{display:block;margin:auto;image-rendering:pixelated}
.avF .avp-tabs6 button:not(#_){flex:1 0 64px}
@media (prefers-reduced-motion:reduce){.avF .avp-stage.avp-swap .avp-cv,.avF .avp-ch.nope{animation:none}}
/* FRLG profile pictures (avatar.js av-frlg): the picture is made at the box's exact device size; never smoothed */
img.av.av-frlg,canvas.av.av-frlg{image-rendering:pixelated;object-fit:fill}
/* f862 picker feel (Will Nov 2 2026): springy press, chosen-trainer pop + soft glow, All/Boys/Girls chips, grid items animate in, locked tiles shake + the lock wiggles.
   Colours: the gold ring is a ring (never a fill behind text), the glow is mint, chips are ink on white / white on ink. No red. Reduced motion: no movement. */
.avF .avp-sx{display:flex;gap:6px;margin:6px 0 8px}
.avF .avp-sxb{flex:1;min-height:36px;border-radius:999px;border:2px solid var(--avk);background:#fff;color:var(--avk);font:700 12px/1 var(--px);letter-spacing:.02em;cursor:pointer;transition:transform .18s cubic-bezier(.3,1.7,.5,1),background-color .18s,color .18s}
.avF .avp-sxb.on{background:var(--avk);color:#fff}
.avF .avp-sxb:active{transform:scale(.93)}
.avA.avF .avp-fch:not(#_){transition:transform .2s cubic-bezier(.3,1.7,.5,1),box-shadow .22s ease;-webkit-tap-highlight-color:transparent}
.avA.avF .avp-fch:not(#_):active{transform:scale(.9)}
.avA.avF .avp-fch.on:not(#_){box-shadow:0 0 0 3px var(--avg),0 3px 0 var(--avk),0 0 16px 3px #5ee6a099}
.avA.avF .avp-fch.on::before{right:auto;bottom:auto;left:4px;top:4px} /* the ✓ sits top-left so it never covers a name */
.avA.avF .avp-fch.on .avp-fspr{animation:avfsel .5s cubic-bezier(.3,1.8,.5,1)}
@keyframes avfsel{0%{transform:scale(.8)}55%{transform:scale(1.12) translateY(-3px)}100%{transform:scale(1)}}
.avF .avp-fch.avp-in{animation:avfin .34s cubic-bezier(.2,1.5,.45,1) both;animation-delay:calc(var(--i,0) * 16ms)}
@keyframes avfin{0%{opacity:0;transform:translateY(10px) scale(.88)}100%{opacity:1;transform:none}}
.avF .avp-ch.nope .avp-lock{display:inline-block;animation:avflock .5s ease}
@keyframes avflock{15%{transform:rotate(-22deg) scale(1.2)}35%{transform:rotate(18deg) scale(1.2)}55%{transform:rotate(-12deg)}75%{transform:rotate(8deg)}100%{transform:none}}
.avF .avp-chhint button.avp-stlink{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}
.avF .avp-fchars[hidden],.avF .avp-gh[hidden],.avF .avp-fch[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.avF .avp-fch.avp-in,.avA.avF .avp-fch.on .avp-fspr,.avF .avp-ch.nope .avp-lock{animation:none}.avA.avF .avp-fch:not(#_),.avF .avp-sxb{transition:none}.avA.avF .avp-fch:not(#_):active,.avF .avp-sxb:active{transform:none}}

/* f863 (Will Nov 3 2026 7:18 AM): NO shake. The big shake in Will's video was the whole preview: the stage got class 'pop', and the site-wide
   .pop rules (homecoll.css / decks.css / profile403.css: scale + rotate) animated it on every tile tap. It is 'avp-swap' now, and the stage itself never animates:
   NO shake or jolt anywhere in the trainer picker. Picking a trainer = a calm mint glow + a soft brightness
   bloom (no movement, no scale bounce, no hop); a locked tile dims softly instead of shaking; the name tag is a slim strip at the bottom of the
   preview (drawHero keeps the trainer above it), so the whole face is always visible. */
.avA.avF .avp-pk{animation:avfsoft .34s ease-out}
@keyframes avfsoft{0%{filter:brightness(1.18)}100%{filter:none}}
.avA.avF .avp-ch.on:not(#_),.avA.avF .avp-fch.on:not(#_),.avA.avF .avp-pch.on:not(#_){transform:none}
.avA.avF .avp-fch:not(#_),.avA.avF .avp-ch:not(#_){transition:box-shadow .22s ease,filter .18s ease,background-color .18s ease}
.avA.avF .avp-fch:not(#_):active,.avA.avF .avp-ch:not(#_):active{transform:none;filter:brightness(.94)}
.avA.avF .avp-fch.on .avp-fspr{animation:avfsoft .4s ease-out}
.avF .avp-stage.avp-swap .avp-cv{animation:avfcross .26s ease-out}
@keyframes avfcross{0%{opacity:.6}100%{opacity:1}}
.avA.avF .avp-save.done{animation:avfsoft .45s ease-out}
.avF .avp-ch.nope{animation:avfdim .42s ease}
@keyframes avfdim{40%{filter:brightness(.82)}100%{filter:none}}
.avF .avp-ch.nope .avp-lock{animation:avfdim .42s ease}
.avF .avp-fch.avp-in{animation:avffade .28s ease-out both;animation-delay:calc(var(--i,0) * 12ms)}
@keyframes avffade{0%{opacity:0}100%{opacity:1}}
.avF .avp-sxb:active,.avA.avF .avp-tabs9 button:not(#_):active,.avp.avA.avF .avp-tabs9 button.on:not(#_){transform:none}
.avF .avp-tag:not(#_){top:auto;bottom:8px;left:10px;transform:none;max-width:calc(100% - 132px);padding:5px 10px;font-size:11px}
.avF .avp-turn{bottom:8px}
@media (prefers-reduced-motion:reduce){.avA.avF .avp-pk,.avA.avF .avp-fch.on .avp-fspr,.avF .avp-stage.avp-swap .avp-cv,.avA.avF .avp-stage.avp-yay,.avF .avp-ch.nope,.avF .avp-ch.nope .avp-lock,.avF .avp-fch.avp-in{animation:none}}
.avA.avF .avp-stage:not(#_){animation:none;transform:none} /* f863: the preview box never moves */
.avA.avF .avp-stage.avp-yay .avp-cv{animation:avfsoft .5s ease-out}
/* f863: with unsaved changes Save look glows softly (a breathing mint halo; the button never moves) */
.avA.avF .avp-save.dirty:not(.done){background:linear-gradient(#d9fff0,#8ef0c4);box-shadow:0 4px 0 var(--avk),inset 0 0 0 3px #3ccf8a,0 0 0 0 #5ee6a0aa;animation:avfsavep 1.6s ease-in-out infinite}
@keyframes avfsavep{0%,100%{box-shadow:0 4px 0 var(--avk),inset 0 0 0 3px #3ccf8a,0 0 0 0 #5ee6a000}50%{box-shadow:0 4px 0 var(--avk),inset 0 0 0 3px #3ccf8a,0 0 18px 6px #5ee6a0cc}}
@media (prefers-reduced-motion:reduce){.avA.avF .avp-save.dirty:not(.done){animation:none;box-shadow:0 4px 0 var(--avk),inset 0 0 0 3px #3ccf8a,0 0 14px 4px #5ee6a0aa}}