/* web-kit wk.css v1.0 (07.11.2026). Живые компоненты без зависимостей. Документация: README.md рядом.
   Тема только через переменные: --wk-accent --wk-bg --wk-surface --wk-text --wk-radius --wk-font (+ --wk-muted --wk-line). */
:root {
  --wk-accent: #3651e8; --wk-bg: #f7f7f4; --wk-surface: #fff; --wk-text: #171923; --wk-muted: #5d6273; --wk-line: #e3e4ea;
  --wk-radius: 16px; --wk-font: "Manrope", "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --wk-ease: cubic-bezier(.2, .7, .2, 1);
  --wk-shadow: 0 1px 2px rgb(20 24 40 / .05), 0 2px 10px rgb(20 24 40 / .04);
  --wk-shadow-hi: 0 18px 40px -16px rgb(20 24 40 / .28), 0 4px 12px rgb(20 24 40 / .06);
}
:where(body) { background: var(--wk-bg); color: var(--wk-text); font-family: var(--wk-font); }
[data-wk-count] { font-variant-numeric: tabular-nums; }

/* ---------- .wk-hover: подъём и тень ---------- */
.wk-hover { transition: transform .32s var(--wk-ease), box-shadow .32s var(--wk-ease), border-color .32s, background-color .32s, color .32s; }
.wk-hover .wk-ico { transition: color .32s, transform .32s var(--wk-ease), background-color .32s; }
@media (hover: hover) {
  .wk-hover:hover { transform: translateY(-4px); box-shadow: var(--wk-shadow-hi); border-color: color-mix(in srgb, var(--wk-accent) 32%, var(--wk-line)); }
  .wk-hover:hover .wk-ico { color: var(--wk-accent); transform: scale(1.08) rotate(-3deg); }
}
.wk-hover:focus-visible, .wk-hover:focus-within { transform: translateY(-4px); box-shadow: var(--wk-shadow-hi), 0 0 0 3px color-mix(in srgb, var(--wk-accent) 30%, transparent); outline: none; }
.wk-hover:active { transform: translateY(-1px) scale(.99); }

/* ---------- .wk-glow: подсветка под курсором (+ светящийся край) ---------- */
.wk-glow, .wk-pattern { position: relative; isolation: isolate; }
.wk-glow::before, .wk-glow:not(.wk-pattern)::after, .wk-pattern::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; opacity: 0; transition: opacity .4s;
}
.wk-glow::before { background: radial-gradient(var(--wk-glow-r, 280px) circle at var(--x, 50%) var(--y, 50%), color-mix(in srgb, var(--wk-accent) 14%, transparent), color-mix(in srgb, var(--wk-accent) 7%, transparent) 35%, color-mix(in srgb, var(--wk-accent) 2%, transparent) 58%, transparent 75%); }
.wk-glow:not(.wk-pattern)::after {
  padding: 1px; background: radial-gradient(var(--wk-glow-r, 280px) circle at var(--x, 50%) var(--y, 50%), color-mix(in srgb, var(--wk-accent) 70%, transparent), color-mix(in srgb, var(--wk-accent) 20%, transparent) 40%, transparent 65%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
@media (hover: hover) { .wk-glow:hover::before, .wk-glow:hover::after { opacity: 1; } }

/* ---------- .wk-pattern: узор проявляется под курсором ---------- */
.wk-pattern::after {
  background: radial-gradient(var(--wk-pattern-r, 300px) circle at var(--x, 50%) var(--y, 50%), var(--wk-pattern-color, var(--wk-accent)), transparent 72%);
  -webkit-mask: var(--wk-pattern, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1.7'/%3E%3C/svg%3E")) 0 0 / var(--wk-pattern-size, 24px) repeat;
  mask: var(--wk-pattern, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1.7'/%3E%3C/svg%3E")) 0 0 / var(--wk-pattern-size, 24px) repeat;
  opacity: var(--wk-pattern-rest, 0);
}
@media (hover: hover) { .wk-pattern:hover::after { opacity: var(--wk-pattern-o, .45); } }
@media (hover: none) { .wk-pattern::after { background: var(--wk-pattern-color, var(--wk-accent)); opacity: var(--wk-pattern-touch, .05); } }

/* ---------- готовые узоры (data URI, работают и с file://): класс рядом с .wk-pattern ---------- */
.wk-pattern-karelian { --wk-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M0 0h4v4h-4zM56 0h4v4h-4zM28 4h4v4h-4zM24 8h12v4h-12zM20 12h4v4h-4zM36 12h4v4h-4zM16 16h4v4h-4zM28 16h4v4h-4zM40 16h4v4h-4zM12 20h4v4h-4zM24 20h12v4h-12zM44 20h4v4h-4zM8 24h4v4h-4zM20 24h4v4h-4zM36 24h4v4h-4zM48 24h4v4h-4zM4 28h8v4h-8zM16 28h4v4h-4zM24 28h4v4h-4zM32 28h4v4h-4zM40 28h4v4h-4zM48 28h8v4h-8zM8 32h4v4h-4zM20 32h4v4h-4zM36 32h4v4h-4zM48 32h4v4h-4zM12 36h4v4h-4zM24 36h12v4h-12zM44 36h4v4h-4zM16 40h4v4h-4zM28 40h4v4h-4zM40 40h4v4h-4zM20 44h4v4h-4zM36 44h4v4h-4zM24 48h12v4h-12zM28 52h4v4h-4zM0 56h4v4h-4zM56 56h4v4h-4zM0 60h8v4h-8zM52 60h8v4h-8z'/%3E%3C/svg%3E"); --wk-pattern-size: 56px; }
.wk-pattern-dots { --wk-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1.7'/%3E%3Ccircle cx='0' cy='0' r='.9'/%3E%3Ccircle cx='24' cy='0' r='.9'/%3E%3Ccircle cx='0' cy='24' r='.9'/%3E%3Ccircle cx='24' cy='24' r='.9'/%3E%3C/svg%3E"); --wk-pattern-size: 20px; }
.wk-pattern-lines { --wk-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M-5 5 5-5M0 20 20 0M15 25 25 15' stroke='%23000' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); --wk-pattern-size: 18px; }

/* ---------- data-wk-reveal / data-wk-stagger (класс wk-js ставит wk.js; без JS всё видно) ---------- */
[data-wk-reveal] { --wk-from: 0 28px; }
[data-wk-reveal="left"] { --wk-from: -40px 0; }
[data-wk-reveal="right"] { --wk-from: 40px 0; }
[data-wk-reveal="zoom"] { --wk-from: 0 0; --wk-sc: .93; }
.wk-js [data-wk-reveal]:not(.wk-in) { opacity: 0; }
.wk-js [data-wk-reveal].wk-in { animation: wk-in .75s var(--wk-ease) both; animation-delay: calc(var(--wk-i, 0) * var(--wk-step, 90ms)); }
@keyframes wk-in { from { opacity: 0; translate: var(--wk-from); scale: var(--wk-sc, 1); } to { opacity: 1; translate: none; scale: none; } }
@keyframes wk-fade { from { opacity: 0; translate: 0 8px; } }

/* ---------- .wk-steps: интерактивная лента шагов ---------- */
.wk-steps { --wk-dot: 46px; position: relative; }
.wk-steps__track { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; }
.wk-steps__track::before, .wk-steps__track::after { content: ""; position: absolute; top: calc(var(--wk-dot) / 2 - 2px); left: var(--s, 0); height: 4px; border-radius: 4px; }
.wk-steps__track::before { width: var(--l, 0); background: var(--wk-line); }
.wk-steps__track::after { width: var(--f, 0); background: linear-gradient(90deg, color-mix(in srgb, var(--wk-accent) 55%, #fff), var(--wk-accent)); transition: width .5s var(--wk-ease), height .5s var(--wk-ease); }
.wk-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 2px 6px; text-align: center; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.wk-step__n { display: grid; place-items: center; width: var(--wk-dot); height: var(--wk-dot); flex: none; border-radius: 50%; background: var(--wk-surface); border: 2px solid var(--wk-line); font-weight: 700; color: var(--wk-muted); transition: all .35s var(--wk-ease); }
.wk-step__t { font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--wk-text); transition: color .3s; }
.wk-step__d { display: none; }
.wk-step:hover .wk-step__n { border-color: var(--wk-accent); color: var(--wk-accent); transform: translateY(-2px); }
.wk-step.is-done .wk-step__n { border-color: var(--wk-accent); color: var(--wk-accent); background: color-mix(in srgb, var(--wk-accent) 9%, var(--wk-surface)); }
.wk-step.is-active .wk-step__n { background: var(--wk-accent); border-color: var(--wk-accent); color: #fff; transform: scale(1.12); box-shadow: 0 0 0 6px color-mix(in srgb, var(--wk-accent) 16%, transparent), 0 10px 24px -8px var(--wk-accent); }
.wk-step.is-active .wk-step__t { color: var(--wk-accent); }
.wk-step:focus-visible .wk-step__n { outline: 3px solid color-mix(in srgb, var(--wk-accent) 40%, transparent); outline-offset: 3px; }
.wk-steps__panel { position: relative; margin-top: 26px; padding: 26px 30px; background: var(--wk-surface); border: 1px solid var(--wk-line); border-radius: var(--wk-radius); box-shadow: var(--wk-shadow-hi); }
.wk-steps__panel::before { content: ""; position: absolute; top: -8px; left: var(--a, 50%); width: 14px; height: 14px; margin-left: -7px; background: inherit; border: inherit; border-width: 1px 0 0 1px; rotate: 45deg; transition: left .45s var(--wk-ease); }
.wk-steps__panel.wk-pop > * { animation: wk-fade .45s var(--wk-ease) both; }
.wk-steps__panel > small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wk-accent); }
.wk-steps__panel > h4 { margin: 6px 0 8px; font-size: 22px; }
.wk-steps__panel > :last-child { margin-bottom: 0; }
@media (max-width: 760px) {
  .wk-steps__track { grid-auto-flow: row; gap: 0; }
  .wk-steps__track::before, .wk-steps__track::after { left: calc(var(--wk-dot) / 2 - 2px); top: var(--s, 0); width: 4px; }
  .wk-steps__track::before { height: var(--l, 0); }
  .wk-steps__track::after { height: var(--f, 0); background: linear-gradient(180deg, color-mix(in srgb, var(--wk-accent) 55%, #fff), var(--wk-accent)); }
  .wk-step { display: grid; grid-template-columns: var(--wk-dot) 1fr; column-gap: 16px; align-items: center; text-align: left; padding: 7px 0; }
  .wk-step__t { font-size: 16px; }
  .wk-step.is-active .wk-step__d { display: block; grid-column: 2; margin: 2px 0 8px; padding: 14px 16px; background: var(--wk-surface); border: 1px solid var(--wk-line); border-radius: calc(var(--wk-radius) * .75); box-shadow: var(--wk-shadow); animation: wk-fade .4s var(--wk-ease); }
  .wk-step__d > :first-child { margin-top: 0; } .wk-step__d > :last-child { margin-bottom: 0; }
  .wk-steps__panel { display: none; }
}

/* ---------- [data-wk-tabs]: список слева, карточка справа ---------- */
[data-wk-tabs] { display: grid; grid-template-columns: minmax(220px, 5fr) 7fr; grid-template-rows: repeat(var(--wk-n, 1), auto) 1fr; column-gap: clamp(20px, 3vw, 40px); row-gap: 6px; align-items: start; }
[data-wk-tabs] .wk-tabs__list, [data-wk-tabs] .wk-tabs__panels { display: contents; }
[data-wk-tab] { grid-column: 1; grid-row: var(--wk-r, auto); position: relative; display: flex; align-items: center; gap: 14px; width: 100%; margin: 0; padding: 15px 18px; font: inherit; text-align: left; color: var(--wk-text); background: transparent; border: 1px solid transparent; border-radius: calc(var(--wk-radius) * .8); cursor: pointer; overflow: hidden; transition: background-color .3s, border-color .3s, box-shadow .3s, color .3s, transform .3s var(--wk-ease); }
[data-wk-tab]:hover { background: color-mix(in srgb, var(--wk-surface) 70%, transparent); transform: translateX(4px); }
[data-wk-tab].is-active { background: var(--wk-surface); border-color: var(--wk-line); box-shadow: var(--wk-shadow-hi); transform: translateX(8px); }
[data-wk-tab]::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: var(--wk-accent); scale: 1 0; transition: scale .35s var(--wk-ease); }
[data-wk-tab].is-active::before { scale: 1 1; }
[data-wk-tab]::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: 0; height: 2px; background: color-mix(in srgb, var(--wk-accent) 55%, transparent); transform: scaleX(0); transform-origin: left; }
[data-wk-tab]:focus-visible { outline: 3px solid color-mix(in srgb, var(--wk-accent) 35%, transparent); outline-offset: 2px; }
.wk-tabs__panel { grid-column: 2; grid-row: 1 / span var(--wk-n1, 2); opacity: 0; visibility: hidden; translate: 0 14px; transition: opacity .45s var(--wk-ease), translate .45s var(--wk-ease), visibility 0s .45s; }
.wk-tabs__panel.is-active { opacity: 1; visibility: visible; translate: none; transition-delay: 0s; }
@media (min-width: 761px) {
  [data-wk-auto] [data-wk-tab].is-active::after { animation: wk-prog var(--wk-auto, 5s) linear forwards; }
  [data-wk-tabs]:hover [data-wk-tab]::after, [data-wk-tabs]:focus-within [data-wk-tab]::after { animation-play-state: paused; }
}
@keyframes wk-prog { to { transform: scaleX(1); } }
@media (max-width: 760px) {
  [data-wk-tabs] { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 8px; }
  [data-wk-tab], .wk-tabs__panel { grid-column: 1; grid-row: var(--wk-m, auto); }
  [data-wk-tab] { background: var(--wk-surface); border-color: var(--wk-line); padding-right: 46px; }
  [data-wk-tab]:hover, [data-wk-tab].is-active { transform: none; }
  [data-wk-tab]::after { left: auto; right: 22px; top: 50%; bottom: auto; width: 8px; height: 8px; margin-top: -6px; background: none; transform: none; border: solid currentColor; border-width: 0 2px 2px 0; rotate: 45deg; transition: rotate .3s, margin .3s; opacity: .55; }
  [data-wk-tab].is-active::after { rotate: 225deg; margin-top: -2px; color: var(--wk-accent); opacity: 1; }
  .wk-tabs__panel { display: none; transition: none; }
  .wk-tabs__panel.is-active { display: block; animation: wk-fade .4s var(--wk-ease); margin-bottom: 8px; }
}

/* ---------- .wk-bar: горизонтальная диаграмма (style="--v:73") ---------- */
.wk-bar { --v: 0; position: relative; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 16px; padding-bottom: 16px; font-size: 15px; }
.wk-bar > b, .wk-bar > strong { font-variant-numeric: tabular-nums; transition: color .3s; }
.wk-bar::before, .wk-bar::after { content: ""; position: absolute; left: 0; bottom: 0; height: 8px; border-radius: 8px; }
.wk-bar::before { right: 0; background: color-mix(in srgb, var(--wk-accent) 10%, transparent); }
.wk-bar::after { width: calc(var(--v) * 1%); background: linear-gradient(90deg, color-mix(in srgb, var(--wk-accent) 50%, #fff), var(--wk-accent)); transform-origin: left; transition: transform 1.2s var(--wk-ease), filter .3s; transition-delay: calc(var(--wk-i, 0) * 110ms), 0s; }
.wk-js .wk-bar:not(.wk-in)::after { transform: scaleX(0); }
.wk-bar:hover::after { filter: saturate(1.3) brightness(1.06); }
.wk-bar:hover > b, .wk-bar:hover > strong { color: color-mix(in srgb, var(--wk-accent) 40%, var(--wk-text)); }
.wk-bar:hover > span { color: var(--wk-text); }

/* ---------- [data-wk-toc]: плавающее оглавление ---------- */
[data-wk-toc] { position: sticky; top: var(--wk-toc-top, calc(var(--wk-scroll-offset, 0px) + 24px)); max-height: calc(100vh - 48px); overflow: auto; font-size: 14px; line-height: 1.4; }
[data-wk-toc]::before { content: ""; display: block; height: 3px; margin-bottom: 14px; border-radius: 3px; background: linear-gradient(90deg, var(--wk-accent) calc(var(--wk-read, 0) * 100%), var(--wk-line) 0); }
.wk-toc__btn { display: none; }
.wk-toc__list { list-style: none; margin: 0; padding: 0; }
.wk-toc__list a { position: relative; display: block; padding: 7px 10px 7px 14px; color: var(--wk-muted); text-decoration: none; border-radius: 8px; transition: color .25s, background-color .25s; }
.wk-toc__list a::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: var(--wk-accent); scale: 1 0; transition: scale .3s var(--wk-ease); }
.wk-toc__list a:hover { color: var(--wk-text); background: color-mix(in srgb, var(--wk-accent) 7%, transparent); }
.wk-toc__list .is-active > a { color: var(--wk-accent); font-weight: 600; }
.wk-toc__list .is-active > a::before { scale: 1 1; }
.wk-toc__h3 a { padding-left: 28px; font-size: 13px; }
.wk-toc-h { scroll-margin-top: calc(var(--wk-scroll-offset, 0px) + 24px); }
@media (max-width: 960px) {
  [data-wk-toc] { top: calc(var(--wk-scroll-offset, 0px) + 8px); z-index: 30; max-height: none; overflow: hidden; padding: 0 16px; background: color-mix(in srgb, var(--wk-surface) 94%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid var(--wk-line); border-radius: calc(var(--wk-radius) * .75); box-shadow: var(--wk-shadow-hi); }
  [data-wk-toc]::before { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; margin: 0; border-radius: 0; }
  .wk-toc__btn { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 0; font: inherit; font-weight: 700; color: var(--wk-text); background: none; border: 0; cursor: pointer; text-align: left; }
  .wk-toc__btn b { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; color: var(--wk-muted); }
  .wk-toc__btn::after { content: ""; width: 8px; height: 8px; margin: -4px 4px 0 0; border: solid currentColor; border-width: 0 2px 2px 0; rotate: 45deg; transition: rotate .3s; }
  [data-wk-toc].is-open .wk-toc__btn::after { rotate: 225deg; margin-top: 4px; }
  .wk-toc__list { display: none; max-height: 60vh; overflow: auto; padding-bottom: 12px; }
  [data-wk-toc].is-open .wk-toc__list { display: block; animation: wk-fade .3s var(--wk-ease); }
  .wk-toc-h { scroll-margin-top: calc(var(--wk-scroll-offset, 0px) + 80px); }
}

/* ---------- <details class="wk-acc">: аккордеон ---------- */
.wk-acc { background: var(--wk-surface); border: 1px solid var(--wk-line); border-radius: calc(var(--wk-radius) * .8); overflow: hidden; transition: border-color .3s, box-shadow .3s; }
.wk-acc + .wk-acc { margin-top: 10px; }
.wk-acc > summary { position: relative; display: block; padding: 18px 60px 18px 22px; font-weight: 650; cursor: pointer; list-style: none; transition: color .25s, background-color .25s; }
.wk-acc > summary::-webkit-details-marker { display: none; }
.wk-acc > summary::before, .wk-acc > summary::after { content: ""; position: absolute; right: 24px; top: 50%; width: 14px; height: 2px; margin-top: -1px; border-radius: 2px; background: currentColor; transition: rotate .35s var(--wk-ease), opacity .3s; }
.wk-acc > summary::after { rotate: 90deg; }
.wk-acc[open] > summary::after { rotate: 0deg; opacity: 0; }
.wk-acc[open] > summary::before { rotate: 180deg; }
.wk-acc > summary:hover { color: var(--wk-accent); background: color-mix(in srgb, var(--wk-accent) 5%, transparent); }
.wk-acc > summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--wk-accent) 35%, transparent); outline-offset: -3px; }
.wk-acc:hover { border-color: color-mix(in srgb, var(--wk-accent) 30%, var(--wk-line)); box-shadow: var(--wk-shadow); }
.wk-acc[open] { border-color: color-mix(in srgb, var(--wk-accent) 30%, var(--wk-line)); box-shadow: var(--wk-shadow-hi); }
.wk-acc[open] > summary { color: var(--wk-accent); }
.wk-acc > summary ~ * { margin-left: 22px; margin-right: 22px; color: var(--wk-muted); }
.wk-acc > summary + * { margin-top: 0; }
.wk-acc > :last-child { margin-bottom: 20px; }
.wk-js .wk-acc[open] > summary ~ * { animation: wk-fade .4s var(--wk-ease) both; }

/* ---------- логотипы (logos\*.svg инлайном): моно, бренд-цвет на ховере через --brand ---------- */
.wk-logo { display: inline-block; width: 1.25em; height: 1.25em; vertical-align: -.25em; flex: none; transition: color .25s, transform .25s var(--wk-ease); }
a:hover > .wk-logo, .wk-logo:hover { color: var(--brand, var(--wk-accent)); transform: translateY(-1px) scale(1.06); }

/* ---------- prefers-reduced-motion: без движения, всё сразу ---------- */
@media (prefers-reduced-motion: reduce) {
  .wk-js [data-wk-reveal], .wk-js [data-wk-reveal]:not(.wk-in) { opacity: 1; animation: none; }
  .wk-hover, .wk-hover .wk-ico, .wk-step__n, .wk-steps__track::after, .wk-steps__panel::before, [data-wk-tab], [data-wk-tab]::before, .wk-tabs__panel, .wk-bar::after, .wk-logo, .wk-glow::before, .wk-glow::after, .wk-pattern::after, .wk-acc > summary::before, .wk-acc > summary::after { transition: none !important; }
  .wk-hover:hover, .wk-hover:focus-visible, .wk-hover:focus-within, .wk-step:hover .wk-step__n, [data-wk-tab]:hover, [data-wk-tab].is-active { transform: none; }
  .wk-steps__panel.wk-pop > *, .wk-step__d, .wk-tabs__panel, .wk-acc[open] > summary ~ *, [data-wk-toc].is-open .wk-toc__list, [data-wk-tab]::after { animation: none !important; }
  .wk-js .wk-bar:not(.wk-in)::after { transform: none; }
}
@media print { .wk-js [data-wk-reveal] { opacity: 1 !important; animation: none !important; } .wk-js .wk-bar::after { transform: none !important; } }