/* ==========================================================================
   WORK PAGE · WEBSITE SHOWCASE  (#wrSites)
   A 3D carousel of browser windows. The centre window is "live": its page
   scrolls on its own and scrubs with the cursor. Relies on the .wr tokens
   (--ink, --c, --g, --e) and the registered --ac property from work.css.
   ========================================================================== */
.wsx{--ac:#d45bff;--w:max(420px,min(780px,60vw,calc((100svh - 430px)*1.6)));--mx:0;--my:0;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;box-sizing:border-box;padding:calc(var(--hdr-compact,64px) + 6px) 0 14px;background:var(--ink);content-visibility:auto;contain-intrinsic-size:auto 100vh}
.wsx__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.wsx__bg i{position:absolute;inset:0;opacity:0;transition:opacity .9s;background:radial-gradient(60% 46% at 50% 34%,color-mix(in srgb,var(--gc,#d45bff) 26%,transparent),transparent 70%)}
.wsx__bg i.on{opacity:1}
.wsx__spot{position:absolute;left:0;top:0;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 18%,transparent),transparent 65%);opacity:0;transition:opacity .4s;will-change:transform}
.wsx.ptr .wsx__spot{opacity:1}
.wsx__bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.17) 1px,transparent 1.4px);background-size:34px 34px;-webkit-mask-image:radial-gradient(70% 56% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 56% at 50% 40%,#000,transparent)}

/* heading */
.wsx__hd{position:relative;text-align:center;padding:0 4vw;margin:0 auto 2px;width:100%}
.wsx__hd h2{margin:0 0 6px;font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;font-weight:700;white-space:nowrap}
.wsx__hd .lead{margin:0 auto;max-width:none;font-size:clamp(.92rem,1.1vw,1.08rem);white-space:nowrap}

/* stage */
.wsx__stage{position:relative;height:calc(var(--w)*.625 + 76px);perspective:1800px;perspective-origin:50% 38%;touch-action:pan-y;user-select:none}
.wsx__floor{position:absolute;left:50%;bottom:-2%;width:150%;height:44%;translate:-50% 0;transform:rotateX(74deg);transform-origin:50% 100%;pointer-events:none;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ac) 55%,transparent) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ac) 55%,transparent) 0 1px,transparent 1px 64px);-webkit-mask-image:linear-gradient(transparent,#000 45%,transparent);mask-image:linear-gradient(transparent,#000 45%,transparent);opacity:.5}

/* browser window */
.bw{--o:0;--a:0;position:absolute;left:50%;top:50%;width:var(--w);aspect-ratio:16/10;z-index:calc(10 - var(--a));cursor:pointer;opacity:0;transform:translate(-50%,-50%) translateX(calc(var(--o)*52%)) translateZ(calc(var(--a)*-240px)) rotateY(calc(var(--o)*-26deg));transition:transform 1s var(--e),opacity .8s;will-change:transform}
.wsx.in .bw{opacity:clamp(0,calc(3 - var(--a)),1)}
.bw.jump{transition:opacity .8s var(--e)}
.bw.on{cursor:default}
.bw__t{position:relative;height:100%;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0d0f33;box-shadow:0 30px 70px rgba(0,0,0,.45);transition:transform .5s var(--e),box-shadow .9s}
.bw.on .bw__t{box-shadow:0 50px 110px rgba(0,0,0,.55),0 0 90px color-mix(in srgb,var(--ac) 32%,transparent)}
.bw__bar{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:10px 14px;background:linear-gradient(#1b1e4e,#12143a);border-bottom:1px solid rgba(255,255,255,.08)}
.bw__bar>i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}
.bw__bar>i:nth-child(1){background:#ff5f57}.bw__bar>i:nth-child(2){background:#febc2e}.bw__bar>i:nth-child(3){background:#28c840}
.bw__url{display:flex;align-items:center;gap:7px;margin:0 auto;padding:4px 16px;border-radius:99px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:.76rem;letter-spacing:.02em}
.bw__url svg{width:11px;height:11px;stroke:var(--c);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bw__live{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);opacity:.35}
.bw.on .bw__live{opacity:1;animation:tw 1.6s ease-in-out infinite}
.bw__scr{position:relative;flex:1;min-height:0;overflow:hidden;container-type:inline-size;background:var(--bg)}
.bw__gl{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle at calc(50% + var(--mx,0)*50%) calc(50% + var(--my,0)*50%),rgba(255,255,255,.2),transparent 55%)}
.bw.on .bw__gl{opacity:1}
.bw__t::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%)}
.bw.on .bw__t::after{animation:wssweep 1.3s .25s var(--e) 1 both}
@keyframes wssweep{to{transform:translateX(120%)}}
.bw__dim{position:absolute;inset:0;z-index:8;border-radius:14px;background:var(--ink);opacity:calc(var(--a)*.2);pointer-events:none;transition:opacity .8s}

/* the page inside the window: three screens tall */
.pg{position:absolute;left:0;top:0;width:100%;height:300%;background:var(--bg);color:var(--fg)}
.bw.on .pg{will-change:transform;animation:wspg 18s ease-in-out infinite alternate}
.bw.scrub .pg{animation:none;transition:transform .5s var(--e)}
@keyframes wspg{0%,8%{transform:translateY(0)}46%,54%{transform:translateY(calc(var(--tv,-66.666%)/2))}92%,100%{transform:translateY(var(--tv,-66.666%))}}
.bw__sb{position:absolute;right:.7cqw;top:8cqw;bottom:.9cqw;width:.55cqw;z-index:5;border-radius:9px;background:color-mix(in srgb,var(--fg) 10%,transparent)}
.bw__sb i{display:block;height:var(--sbh,33.333%);border-radius:9px;background:color-mix(in srgb,var(--fg) 42%,transparent)}
.bw.on .bw__sb i{animation:wssb 18s ease-in-out infinite alternate}
.bw.scrub .bw__sb i{animation:none;transition:transform .5s var(--e)}
@keyframes wssb{0%,8%{transform:translateY(0)}46%,54%{transform:translateY(calc(var(--sbt,200%)/2))}92%,100%{transform:translateY(var(--sbt,200%))}}

/* real screenshot instead of the built mock-up: a tall image that scrolls inside the window */
.pg.pg--shot{height:auto}
.pg--shot img{display:block;width:100%;height:auto}
.pg--shot + .bw__sb{top:.9cqw}

/* ---- mini website building blocks (sized in container units, so they scale with the window) ---- */
.s-nav{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:2.6cqw;padding:1.7cqw 3.6cqw;font-size:1.45cqw;color:var(--fg);background:var(--bg);border-bottom:1px solid color-mix(in srgb,var(--fg) 8%,transparent)}
.s-nav b{margin-right:auto;display:flex;align-items:center;gap:.8cqw;font-size:1.9cqw;letter-spacing:-.02em}
.s-nav b::before{content:"";width:2cqw;height:2cqw;border-radius:.6cqw;background:linear-gradient(135deg,var(--a),var(--a2))}
.s-nav span{opacity:.62}
.s-nav u{text-decoration:none;padding:.8cqw 1.8cqw;border-radius:99px;background:var(--a);color:var(--on);font-weight:700}
.s-sec{position:relative;height:33.3333%;box-sizing:border-box;padding:0 3.6cqw;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.s-hero{padding-top:7cqw}
.s-split{flex-direction:row;align-items:center;gap:3cqw}
.s-split .s-tx{flex:1.1}
.s-k{display:block;margin-bottom:1.2cqw;font-size:1.15cqw;font-weight:700;letter-spacing:.2em;color:var(--a)}
.s-h{margin-bottom:1.4cqw;font-size:5cqw;line-height:1;letter-spacing:-.04em;font-weight:700;text-wrap:balance}
.s-p{max-width:34cqw;margin-bottom:2cqw;font-size:1.5cqw;line-height:1.5;color:var(--mu)}
.s-btns{display:flex;gap:1cqw;font-size:1.4cqw}
.s-btns u,.s-book u,.s-band u{text-decoration:none;font-weight:700;border-radius:99px}
.s-btns u{padding:1.1cqw 2.4cqw;background:linear-gradient(120deg,var(--a),var(--a2));color:var(--on)}
.s-btns u.o{background:none;color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 30%,transparent)}
.s-art{position:relative;flex:.9;align-self:stretch;margin:1.6cqw 0;overflow:hidden;border-radius:2.2cqw;background:linear-gradient(140deg,var(--a),var(--a2))}
.s-art i{position:absolute;display:block}
.s-art i:nth-child(1){width:60%;aspect-ratio:1;right:-15%;top:-20%;border-radius:50%;background:rgba(255,255,255,.26)}
.s-art i:nth-child(2){left:12%;right:12%;top:22%;bottom:18%;border-radius:1.6cqw;background:var(--cd);box-shadow:0 2cqw 4cqw rgba(0,0,0,.25);animation:wsflt 5s ease-in-out infinite alternate}
.s-art i:nth-child(3){width:30%;height:9%;left:6%;bottom:7%;border-radius:99px;background:rgba(255,255,255,.55)}
@keyframes wsflt{from{translate:0 -3%}to{translate:0 3%}}
@keyframes wsflt2{from{translate:-50% -53%}to{translate:-50% -47%}}
.s-art--shop i:nth-child(2){background:linear-gradient(160deg,color-mix(in srgb,var(--a2) 70%,#fff),var(--a)) top/100% 68% no-repeat,var(--cd)}
.s-art--chart i:nth-child(2){background:linear-gradient(var(--a),var(--a)) 10% 100%/10% 38% no-repeat,linear-gradient(var(--a2),var(--a2)) 30% 100%/10% 58% no-repeat,linear-gradient(var(--a),var(--a)) 50% 100%/10% 46% no-repeat,linear-gradient(var(--a2),var(--a2)) 70% 100%/10% 80% no-repeat,linear-gradient(var(--a),var(--a)) 90% 100%/10% 68% no-repeat,var(--cd);background-origin:content-box;padding:0 0 6% 0}
.s-art--ring i:nth-child(2){left:50%;top:50%;right:auto;bottom:auto;width:58%;height:auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--cd) 0 55%,transparent 56%),conic-gradient(var(--a) 0 68%,color-mix(in srgb,var(--fg) 14%,transparent) 0);animation:wsflt2 5s ease-in-out infinite alternate}
.s-art--card i:nth-child(2){left:10%;right:10%;top:20%;bottom:20%;background:linear-gradient(#ffd9a0,#f0a400) 10% 26%/13% 17% no-repeat,linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)) 10% 80%/46% 6% no-repeat,linear-gradient(135deg,#2a1560,var(--a2) 130%)}
.s-center{align-items:center;text-align:center}
.s-center .s-h{max-width:58cqw;font-size:5.2cqw}
.s-center .s-p{margin-inline:auto}
.s-hero--bg{background:radial-gradient(60% 80% at 82% 8%,color-mix(in srgb,var(--a2) 55%,transparent),transparent 70%),radial-gradient(50% 70% at 8% 92%,color-mix(in srgb,var(--a) 34%,transparent),transparent 70%)}
.s-book{display:flex;align-items:stretch;padding:.8cqw .8cqw .8cqw 2.4cqw;border-radius:99px;background:var(--cd);box-shadow:0 1.6cqw 4cqw rgba(20,10,60,.16);font-size:1.15cqw;text-align:left}
.s-book span{display:flex;flex-direction:column;margin-right:2.2cqw;padding-right:2.2cqw;border-right:1px solid color-mix(in srgb,var(--fg) 12%,transparent);color:var(--mu)}
.s-book b{font-size:1.45cqw;color:var(--fg)}
.s-book u{align-self:center;padding:1.2cqw 2.6cqw;background:linear-gradient(120deg,var(--a),var(--a2));color:var(--on)}
.s-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.8cqw}
.s-t{font-size:2.6cqw;font-weight:700;letter-spacing:-.03em}
.s-row u{text-decoration:none;font-size:1.3cqw;font-weight:700;color:var(--a)}
.s-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.s-card{display:flex;flex-direction:column;gap:.6cqw;padding:1cqw;border-radius:1.4cqw;background:var(--cd);box-shadow:0 .6cqw 2cqw rgba(20,10,60,.08);font-size:1.3cqw}
.s-card i{display:block;aspect-ratio:1.15;border-radius:1cqw;background:linear-gradient(calc(135deg + var(--r,0deg)),var(--a),var(--a2))}
.s-card b{padding:.4cqw .4cqw 0;font-size:1.4cqw}
.s-card em{padding:0 .4cqw .4cqw;font-style:normal;color:var(--mu)}
.s-pr{display:block;height:.6cqw;margin:0 .4cqw .5cqw;border-radius:9px;background:color-mix(in srgb,var(--fg) 12%,transparent)}
.s-pr::after{content:"";display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--a),var(--a2))}
.s-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;margin-bottom:1.8cqw}
.s-kpis div{padding:1.7cqw;border-radius:1.4cqw;background:var(--cd)}
.s-kpis b{display:block;font-size:4cqw;line-height:1.1;letter-spacing:-.04em;background:linear-gradient(120deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.s-kpis em{font-style:normal;font-size:1.3cqw;color:var(--mu)}
.s-chart{display:flex;align-items:flex-end;gap:1.2cqw;height:13cqw;padding:1.6cqw;border-radius:1.4cqw;background:var(--cd)}
.s-chart i{flex:1;height:var(--h);border-radius:.6cqw .6cqw 0 0;background:linear-gradient(var(--a2),var(--a))}
.s-li{display:flex;align-items:center;gap:1.6cqw;margin-bottom:1cqw;padding:1.2cqw 1.6cqw;border-radius:1.2cqw;background:var(--cd);font-size:1.3cqw}
.s-li>i{flex:none;width:3.4cqw;height:3.4cqw;border-radius:50%;background:linear-gradient(calc(135deg + var(--r,0deg)),var(--a),var(--a2))}
.s-li span{flex:1;display:flex;flex-direction:column}
.s-li b{font-size:1.5cqw}
.s-li em{font-style:normal;color:var(--mu)}
.s-li u{text-decoration:none;padding:.5cqw 1.2cqw;border-radius:99px;background:color-mix(in srgb,var(--a) 18%,transparent);color:var(--a);font-weight:700}
.s-band{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-bottom:2.4cqw;padding:3.4cqw;border-radius:2cqw;background:linear-gradient(120deg,var(--a),var(--a2));color:var(--on)}
.s-band .s-h{max-width:38cqw;margin:0;font-size:3.4cqw}
.s-band u{padding:1.2cqw 2.6cqw;background:#fff;color:var(--a);font-size:1.4cqw}
.s-foot{display:flex;gap:2cqw}
.s-foot span{flex:1}
.s-foot i{display:block;height:.7cqw;margin-bottom:.9cqw;border-radius:9px;background:color-mix(in srgb,var(--fg) 14%,transparent)}
.s-foot i:nth-child(1){width:60%;background:color-mix(in srgb,var(--fg) 30%,transparent)}.s-foot i:nth-child(3){width:78%}

/* nothing animates while the section is off-screen */
.wsx.off .bw .pg,.wsx.off .bw__sb i,.wsx.off .wsx__chip,.wsx.off .bw__live,.wsx.off .s-art i,.wsx.off .bw__t::after{animation-play-state:paused}

/* floating proof chips */
.wsx__chip{position:absolute;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),rgba(14,12,52,.94);box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:.85rem;line-height:1.2;transition:transform .5s var(--e);will-change:transform;animation:wsfl 6s ease-in-out infinite alternate;pointer-events:none}
.wsx__chip b{display:block;font-size:1.05rem;letter-spacing:-.01em}
.wsx__chip small{display:block;color:rgba(255,255,255,.62)}
.wsx__chip .ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--ac) 28%,transparent);color:var(--ac);font-weight:700}
.wsx__chip--a{left:9%;top:8%}
.wsx__chip--b{right:8%;top:56%;animation-delay:-2s}
@keyframes wsfl{from{translate:0 -7px}to{translate:0 7px}}

/* caption */
.wsx__info{position:relative;display:grid;width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(24px,3vw,40px);box-sizing:border-box}
.wi{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,16vw,190px);gap:clamp(24px,3vw,40px);align-items:center;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.wi.on{opacity:1;visibility:visible;transition:opacity .5s .2s}
.wi>*{opacity:0;transform:translateY(22px);transition:.7s var(--e)}
.wi.on>*{opacity:1;transform:none}
.wi.on>*:nth-child(2){transition-delay:.15s}
.wi small{display:block;order:2;color:var(--ac);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.wi__l{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;min-width:0}
.wi h3{order:1;margin:0;font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.05;letter-spacing:-.04em;font-weight:700}
.wi p{order:3;flex:0 0 100%;min-width:0;margin:0;color:rgba(255,255,255,.72);font-size:1.02rem;line-height:1.5}
@media(min-width:1200px){.wi p{white-space:normal;max-width:100%;overflow-wrap:break-word}}
.wi ul{order:4;display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.wi li{padding:5px 13px;border-radius:99px;border:1px solid color-mix(in srgb,var(--ac) 55%,transparent);font-size:.88rem}
.wi a{order:5;margin-top:2px;display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:99px;background:var(--ac);color:#0a0b2e;font-weight:700;transition:transform .35s var(--e)}
.wi a:hover{transform:translateX(6px)}
.wi__m{width:100%;justify-self:stretch;text-align:center;padding:0 8px;box-sizing:border-box}
.wi__m b{display:block;width:max-content;max-width:100%;margin:0 auto;white-space:nowrap;overflow:visible;padding:.06em .12em .08em;font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:.98;letter-spacing:-.06em;background:linear-gradient(120deg,#fff,var(--ac));-webkit-background-clip:text;background-clip:text;color:transparent}
.wi__m span{display:block;margin-top:6px;text-align:center;color:rgba(255,255,255,.62);font-size:.95rem}

/* controls */
.wsx__nav{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:1180px;margin:8px auto 0;padding:0 clamp(24px,3vw,40px);box-sizing:border-box}
.wsx__ar{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.wsx__ar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wsx__ar:focus-visible{outline-offset:3px}
.wsx__ar:hover,.wsx__ar:focus-visible{background:#fff;color:#102cba;transform:scale(1.08)}
.wsx__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-width:0;padding:2px}
.wp{position:relative;flex:none;display:flex;align-items:center;gap:8px;padding:8px clamp(8px,1vw,14px) 12px;border:0;border-radius:12px;white-space:nowrap;background:none;color:rgba(255,255,255,.55);font:700 clamp(.78rem,.95vw,.9rem) Afacad,sans-serif;cursor:pointer;transition:color .3s,background .3s}
.wp b{font-size:.7rem;letter-spacing:.14em;color:var(--ac);opacity:.7}
.wp:hover{color:#fff;background:rgba(255,255,255,.06)}
.wp.on{color:#fff;background:rgba(255,255,255,.08)}
.wp::after{content:"";position:absolute;left:clamp(8px,1vw,14px);right:clamp(8px,1vw,14px);bottom:5px;height:2px;border-radius:2px;background:var(--ac);transform:scaleX(0);transform-origin:left}
.wp.on::after{animation:wsfill 6.5s linear forwards}
.wsx.is-paused .wp.on::after{animation-play-state:paused}
@keyframes wsfill{to{transform:scaleX(1)}}

@media(max-width:1200px){.wp b{display:none}}
@media(max-width:900px){
  .wsx__pills{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
  .wsx__pills::-webkit-scrollbar{display:none}
  .wsx{--w:84vw;display:block;min-height:0;padding:calc(var(--hdr-compact,64px) + 22px) 0 40px}
  .wsx__hd h2,.wsx__hd .lead,.wi p{white-space:normal}
  .wsx__hd{margin-bottom:10px}
  .wsx__info,.wsx__nav{margin-top:14px;padding-left:clamp(24px,6vw,48px);padding-right:clamp(24px,6vw,48px)}
  .bw{transform:translate(-50%,-50%) translateX(calc(var(--o)*56%)) translateZ(calc(var(--a)*-160px)) rotateY(calc(var(--o)*-18deg))}
  .wsx__chip{display:none}
  .wi{grid-template-columns:1fr;gap:1rem}
  .wi__m{text-align:left;order:-1;padding-right:0}
  .wi__m b{font-size:3.4rem}
  .wsx__nav{gap:8px}
  .wsx__ar{width:40px;height:40px}
  .s-nav span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bw.on .pg,.bw.on .bw__sb i{animation:none}
  .wsx__chip{animation:none}
}