@font-face{font-family:Fr;src:url(f/fr-n.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block}
@font-face{font-family:Fr;src:url(f/fr-i.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:block}
@font-face{font-family:Ar;src:url(f/ar.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:block}
@font-face{font-family:Jb;src:url(f/jb.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--paper:#edeef0;--ink:#0e0e12;--blue:#2f2bff;--fg:var(--ink);--bg:var(--paper);--dim:rgba(14,14,18,.58);--pad:clamp(20px,4vw,64px)}
html.dk{--fg:var(--paper);--bg:var(--ink);--dim:rgba(237,238,240,.6)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}
html{background:var(--paper);color:var(--fg);font-family:Ar,system-ui,sans-serif;font-stretch:100%;-webkit-font-smoothing:antialiased}
::selection{background:var(--blue);color:#fff}
a{color:inherit;text-decoration:none}
#gl{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0}
.serif{font-family:Fr;font-style:italic;font-weight:340;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;letter-spacing:-.02em;line-height:1.04}
.wide{font-family:Ar;font-weight:820;font-stretch:125%;letter-spacing:-.025em;text-transform:uppercase;line-height:.88}
.mono{font-family:Jb,monospace;font-weight:500;letter-spacing:0}
.sp{display:block}
.ch{display:inline-block;white-space:pre;will-change:transform,opacity}
.out{color:transparent;-webkit-text-stroke:1.6px var(--fg)}
header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--pad)*.6) var(--pad);font-size:13px;color:var(--fg);transition:color .6s}
.brand{font-family:Ar;font-weight:820;font-stretch:125%;font-size:15px;letter-spacing:.06em}
.brand sup{font-family:Fr;font-style:italic;font-weight:400;font-stretch:100%;font-size:13px;letter-spacing:0;margin-left:2px;color:var(--blue)}
.hr{display:flex;gap:10px;align-items:center}
.sig,.snd{display:inline-flex;gap:9px;align-items:center;padding:11px 18px;border-radius:99px;border:1px solid currentColor;font-size:12.5px;letter-spacing:.04em;pointer-events:auto;transition:background .3s,color .3s,border-color .3s}
.sig{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sig em{font-style:normal;color:var(--blue)}
.sig:hover{background:var(--blue);border-color:var(--blue);color:#fff}.sig:hover em{color:#fff}
.snd{all:unset;display:inline-flex;gap:9px;align-items:center;padding:11px 16px;border-radius:99px;border:1px solid rgba(127,127,135,.45);font-size:12px;letter-spacing:.04em;color:var(--fg);cursor:pointer}
.snd i{display:flex;gap:2px;align-items:center;height:12px}
.snd i b{display:block;width:2px;height:3px;background:currentColor;border-radius:1px}
.snd.on{border-color:var(--blue)}
.snd.on i b{background:var(--blue);animation:eq 1.1s ease-in-out infinite}
.snd.on i b:nth-child(2){animation-delay:-.3s}.snd.on i b:nth-child(3){animation-delay:-.6s}.snd.on i b:nth-child(4){animation-delay:-.15s}.snd.on i b:nth-child(5){animation-delay:-.8s}
@keyframes eq{0%,100%{height:3px}50%{height:12px}}
#ov{position:fixed;inset:0;z-index:10;pointer-events:none;color:var(--fg)}
.sc{position:absolute;inset:0;padding:var(--pad);opacity:0;visibility:hidden}
.sc.on{visibility:visible}
.sc a{pointer-events:auto}
.sc h1,.sc h2{font-weight:400}
.sc h1,.sc h2,.cap,.tag,.kick{text-shadow:0 0 22px var(--bg),0 0 6px var(--bg)}
.kick{display:flex;gap:18px;font-family:Jb,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin-bottom:clamp(14px,2.6vh,30px)}
.kick span+span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--blue);margin:0 14px 1px 0}
.s-hero{display:flex;flex-direction:column;padding-top:clamp(100px,15vh,180px)}
.s-hero .serif{font-size:clamp(34px,5.2vw,92px)}
.s-hero .wide{font-size:clamp(70px,15.5vw,290px);color:var(--blue);margin:.02em 0 .06em -.04em}
.scroll{position:absolute;right:var(--pad);top:clamp(100px,15vh,180px);display:flex;align-items:center;gap:14px;font-family:Jb,monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.scroll b{display:block;width:44px;height:1px;background:var(--fg);transform-origin:left;animation:sl 2.4s cubic-bezier(.7,0,.2,1) infinite}
@keyframes sl{0%{transform:scaleX(0)}50%{transform:scaleX(1);transform-origin:left}50.01%{transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
.cap{max-width:27em;font-size:clamp(14px,1.1vw,17px);line-height:1.55;color:var(--dim);margin-top:clamp(16px,2.4vh,26px)}
.cap b,.cap i{color:var(--fg)}.cap i{font-family:Fr;font-style:italic;font-size:1.12em}
.s-tok{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(60px,10vh,120px)}
.s-tok .serif{font-size:clamp(28px,3.6vw,64px)}
.s-tok .wide{font-size:clamp(46px,7.6vw,148px)}
.s-mean{display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(100px,15vh,170px)}
.s-mean .serif{font-size:clamp(30px,4.2vw,76px)}
.s-mean .wide{font-size:clamp(64px,11vw,210px);color:var(--blue)}
.s-att{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(60px,10vh,120px)}
.s-att .serif{font-size:clamp(30px,4vw,72px)}
.s-att .wide{font-size:clamp(50px,8.4vw,164px)}
.s-pick{display:flex;flex-direction:column;justify-content:center}
.s-pick .serif{font-size:clamp(32px,4.4vw,80px)}
.s-pick .wide{font-size:clamp(72px,12vw,230px);color:var(--blue)}
.s-pick .cap{font-size:clamp(12px,.95vw,14px);line-height:1.9;max-width:22em}
.s-end{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(90px,14vh,150px)}
.tag{font-family:Jb,monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.s-end .serif{font-size:clamp(28px,3.4vw,60px)}
.s-end .wide{font-size:clamp(48px,7.4vw,144px)}
.dc{display:inline-flex;align-self:flex-start;align-items:center;gap:16px;margin-top:clamp(20px,3.4vh,40px);padding:14px 22px 14px 14px;border-radius:100px;background:var(--blue);color:#fff;min-height:62px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
.dc:hover{background:#fff;color:var(--ink)}
.dc svg{width:38px;height:38px;padding:9px;border-radius:50%;background:#fff;fill:var(--blue);flex:none}
.dc span{display:flex;flex-direction:column;line-height:1.15}
.dc b{font-family:Ar;font-weight:800;font-stretch:120%;text-transform:uppercase;font-size:clamp(15px,1.25vw,18px);letter-spacing:.02em}
.dc small{font-family:Jb,monospace;font-size:11.5px;opacity:.75;margin-top:3px}
.dc em{font-style:normal;font-size:22px;margin-left:6px}
footer{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(var(--pad)*.6 + env(safe-area-inset-bottom));display:flex;gap:24px;justify-content:space-between;font-family:Jb,monospace;font-size:11px;color:var(--dim);letter-spacing:.02em}
footer a{pointer-events:auto;color:var(--fg)}
/* loader */
#loader{position:fixed;inset:0;z-index:50;background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:opacity 1s cubic-bezier(.6,0,.2,1),visibility 1s}
#loader.done{opacity:0;visibility:hidden}
.ld-q{font-family:Fr;font-style:italic;font-weight:340;font-size:clamp(28px,4vw,56px);letter-spacing:-.02em}
.ld-q i{display:inline-block;width:.07em;height:.9em;background:var(--blue);margin-left:.08em;vertical-align:-.1em;animation:bl 1s steps(1) infinite}
@keyframes bl{50%{opacity:0}}
.ld-n{text-align:center;margin-top:12px;font-family:Jb,monospace;font-size:12px;color:rgba(14,14,18,.55)}
.ld-n b{color:var(--ink)}
/* HUD */
#hud{position:fixed;z-index:15;inset:0;pointer-events:none;opacity:0;color:var(--fg);font-family:Jb,monospace}
.tl{position:absolute;left:50%;top:calc(var(--pad)*.6 + 14px);transform:translateX(-50%);list-style:none;display:flex;gap:20px;padding-bottom:10px}
.tl li{display:flex;align-items:baseline;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.35;transition:opacity .5s}
.tl li em{font-style:normal;font-weight:700;width:20px}
.tl li span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .6s cubic-bezier(.2,.8,.2,1),opacity .5s}
.tl li.past{opacity:.6}.tl li.on{opacity:1}.tl li.on em{color:var(--blue)}
.tl li.on span{opacity:1;max-width:120px}
.rail{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(127,127,135,.35)}
.rail b{position:absolute;inset:0;background:var(--blue);transform-origin:left;transform:scaleX(0)}
.tele{position:absolute;right:var(--pad);bottom:calc(var(--pad)*.7 + env(safe-area-inset-bottom));display:flex;gap:26px;text-align:right}
.tele .row{display:flex;flex-direction:column;gap:5px;min-width:70px}
.tele label{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;white-space:nowrap}
.tele b{font-weight:600;font-size:14px;white-space:nowrap;text-shadow:0 0 12px var(--bg)}
.tele .row:first-child b{color:var(--blue)}
/* cursor */
#cur{position:fixed;z-index:60;left:0;top:0;width:0;height:0;pointer-events:none;display:none}
#cur i{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border:1px solid var(--fg);transition:width .35s,height .35s,left .35s,top .35s,background .35s,border-color .35s,transform .35s;transform:rotate(45deg)}
#cur:after{content:"";position:absolute;left:-2px;top:-2px;width:4px;height:4px;background:var(--blue)}
html.fine #cur{display:block}
html.fine.hov #cur i{width:70px;height:70px;left:-35px;top:-35px;border-color:var(--blue);background:rgba(47,43,255,.12);transform:rotate(0)}
html.fine,html.fine a,html.fine button{cursor:none}
.nos{position:fixed;inset:0;display:grid;place-items:center;z-index:99;background:var(--paper)}
html.capmode *{transition:none!important}
@media (max-width:1240px){.tl{gap:12px}.tl li.on span{max-width:0;opacity:0}}
@media (max-width:760px){
  .tl{display:none}
  .tele{left:var(--pad);right:auto;top:calc(var(--pad)*.6 + 50px);bottom:auto;text-align:left;gap:18px}
  .tele b{font-size:12px}
  .snd span{display:none}.snd{padding:10px 12px}.sig{padding:9px 14px;font-size:12px}
  .kick{flex-direction:column;gap:6px}.kick span+span:before{margin-right:8px}
  .s-hero{padding-top:110px}.scroll{top:auto;bottom:calc(var(--pad) + env(safe-area-inset-bottom));right:auto;left:var(--pad)}
  .s-mean{padding-top:118px}
  .s-pick{justify-content:flex-start;padding-top:118px}
  .s-tok,.s-att{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .s-end{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  footer{flex-direction:column;gap:6px}
  .dc{padding:11px 18px 11px 11px;gap:12px}
}
@media (prefers-reduced-motion:reduce){.scroll b,.ld-q i{animation:none}}

#flash{display:none}
/* bars */
#bars{position:fixed;z-index:12;right:var(--pad);top:50%;transform:translateY(-38%);width:min(460px,38vw);pointer-events:none;opacity:0;visibility:hidden;color:var(--ink)}
.bhd{font-size:12px;color:rgba(14,14,18,.6);margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bhd b{color:var(--ink);font-weight:600}
#bl{list-style:none;display:flex;flex-direction:column;gap:7px}
#bl li{display:grid;grid-template-columns:7.2em 1fr 4.4em;align-items:center;gap:12px;font-family:Jb,monospace;font-size:14px;will-change:transform,opacity}
#bl li .w{font-family:Fr;font-style:italic;font-size:22px;white-space:pre;overflow:hidden;text-overflow:ellipsis}
#bl li .tr{height:22px;background:rgba(14,14,18,.07);position:relative;overflow:hidden}
#bl li .f{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}
#bl li .pc{text-align:right;font-variant-numeric:tabular-nums}
#bl li.win .f{background:var(--blue)}
#bl li.win .w,#bl li.win .pc{color:var(--blue);font-weight:700}
.bft{margin-top:14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(14,14,18,.45)}
@media (max-width:760px){
  #bars{left:var(--pad);right:var(--pad);width:auto;top:auto;bottom:calc(34px + env(safe-area-inset-bottom));transform:none}
  #bl li{grid-template-columns:6em 1fr 4em;font-size:12px}#bl li .w{font-size:18px}#bl li .tr{height:16px}
}

#flash{display:block;position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;background:#0e0e12}
.pr{margin-top:clamp(22px,4vh,46px);pointer-events:auto}
.pl{font-size:clamp(17px,1.9vw,30px);display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.pl em{font-style:normal;color:var(--blue)}
.pl #pt{white-space:pre-wrap}
.cu{display:inline-block;width:.55em;height:1.15em;background:var(--blue);vertical-align:middle;transform-origin:50% 50%;animation:bl 1s steps(1) infinite;will-change:transform}
html.cap .cu,html.flood .cu{animation:none}
.chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.chips button{all:unset;cursor:pointer;font-family:Jb,monospace;font-size:12px;letter-spacing:.06em;padding:8px 14px;border:1px solid rgba(14,14,18,.25);border-radius:99px;transition:background .3s,color .3s,border-color .3s}
.chips button:before{content:"try: ";opacity:.5}
.chips button.on,.chips button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html.fine .chips button{cursor:none}
.ans{font-family:Fr;font-style:italic;font-weight:340;font-size:clamp(20px,2vw,32px);line-height:1.3;margin-bottom:clamp(18px,3vh,34px);max-width:30em}
.ans b{font-weight:500;color:var(--blue);font-style:italic}
.ans span{opacity:.55}
@media (max-width:760px){.s-hero .wide{font-size:22vw}.pl{font-size:17px}}

/* 3D labels */
#lbl{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden}
#lbl span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;will-change:transform,opacity;color:var(--fg)}
.lt.tokl{display:flex;flex-direction:column;align-items:center;gap:4px}
.lt.tokl b{font-family:Fr;font-style:italic;font-weight:380;font-size:clamp(20px,2.2vw,38px);letter-spacing:-.02em;background:var(--paper);padding:0 .25em}
.lt.tokl i{font-family:Jb,monospace;font-style:normal;font-size:11px;color:var(--blue);letter-spacing:.04em}
.lt.fw{font-family:Ar;font-weight:820;font-stretch:125%;text-transform:uppercase;font-size:clamp(22px,2.6vw,44px);color:var(--blue)!important;text-shadow:0 0 14px var(--paper),0 0 4px var(--paper)}
.lt.nw{font-family:Fr;font-style:italic;font-size:clamp(14px,1.25vw,20px);text-shadow:0 0 10px var(--paper),0 0 3px var(--paper)}
.lt.aw{font-family:Jb,monospace;font-size:11px;opacity:.6;text-shadow:0 0 8px var(--paper)}
.lt.ly{font-family:Jb,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)!important}
.lt.an{font-family:Fr;font-style:italic;font-size:clamp(15px,1.4vw,22px)}
html.dk .lt.an,html.dk .lt.ly{text-shadow:0 0 10px var(--ink)}

/* storytelling */
.chl{font-family:Jb,monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:clamp(10px,2vh,22px);text-shadow:0 0 14px var(--bg)}
.chl b{color:var(--blue);font-weight:700}
html.dk .chl b{color:#8f8cff}
.ana{max-width:27em;margin-top:14px;padding:10px 14px;border-left:2px solid var(--blue);font-family:Fr;font-style:italic;font-size:clamp(15px,1.2vw,19px);line-height:1.4;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ana em{font-family:Jb,monospace;font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:4px}
html.dk .ana em{color:#8f8cff}
.cap{max-width:30em;font-size:clamp(15px,1.2vw,18px)}
.plh{font-size:clamp(14px,1.1vw,17px);color:var(--dim);margin-bottom:10px}
#nar{position:fixed;z-index:16;left:50%;bottom:calc(var(--pad)*.9 + 8px);transform:translateX(-50%);margin:0;max-width:min(92vw,40em);text-align:center;font-family:Fr;font-style:italic;font-size:clamp(17px,1.6vw,26px);line-height:1.3;color:var(--fg);text-shadow:0 0 18px var(--bg),0 0 6px var(--bg);pointer-events:none;opacity:0}
#nar.in{animation:narin .7s cubic-bezier(.2,.8,.2,1)}
@keyframes narin{from{filter:blur(8px);letter-spacing:.06em}to{filter:blur(0);letter-spacing:0}}
.lt u{display:block;text-decoration:none;font-family:Jb,monospace;font-style:normal;font-weight:400;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:3px;text-align:center}
.lt.fw u{color:var(--fg)}
#bhd small,.ans small{display:block;font-family:Jb,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 6px}
.ans small+span{display:block}.ans span+small{margin-top:10px}
.endc{margin-bottom:clamp(14px,2.4vh,26px)}
@media (max-width:760px){.ana{font-size:14px;padding:8px 11px}.cap{font-size:14px}#nar{font-size:16px;bottom:calc(var(--pad) + 4px)}}
@media (prefers-reduced-motion:reduce){#nar.in{animation:none}}

.s-hero{padding-top:clamp(84px,12vh,160px)}
.s-hero .serif{font-size:clamp(28px,min(4.4vw,7.4vh),84px)}
.s-hero .wide{font-size:clamp(60px,min(12vw,19vh),250px)}
.s-hero .pr{margin-top:clamp(14px,3vh,40px)}
@media (max-width:760px){.s-hero .wide{font-size:min(19vw,13vh)}.s-hero .serif{font-size:min(8.6vw,5vh)}}

/* ===== v3 robot story ===== */
.s-in{display:flex;flex-direction:column;justify-content:center;max-width:min(46vw,640px)}
.s-in .serif{font-size:clamp(28px,min(3.8vw,7vh),68px)}
.s-in .wide{font-size:clamp(64px,min(11vw,18vh),210px);color:var(--blue)}
.s-hero{max-width:min(54vw,860px)}
.s-hero .serif{font-size:clamp(26px,min(3.4vw,6.4vh),64px)}
.s-hero .wide{font-size:clamp(56px,min(9vw,15vh),190px)}
.s-pick{justify-content:flex-start;padding-top:clamp(100px,15vh,170px);max-width:min(40vw,560px)}
.s-pick .wide{font-size:clamp(60px,min(9vw,15vh),190px)}
.s-pick .cap{font-size:clamp(14px,1.1vw,17px);line-height:1.55;max-width:26em}
.s-end{max-width:min(52vw,760px)}
.s-end footer{max-width:none}
#bub{position:fixed;left:0;top:0;z-index:11;pointer-events:none;opacity:0;max-width:min(380px,44vw);padding:14px 18px;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:22px 22px 22px 4px;font-family:Fr;font-style:italic;font-size:clamp(17px,1.5vw,24px);line-height:1.3;will-change:transform,opacity}
#bub span{display:block;font-family:Jb,monospace;font-style:normal;font-size:12px;color:rgba(14,14,18,.55);margin-bottom:4px}
#bub b{color:var(--blue);font-weight:500}
.lt.vt{display:flex;flex-direction:column;align-items:center;gap:2px}
.lt.vt b{font-family:Fr;font-style:italic;font-weight:400;font-size:clamp(14px,1.3vw,20px);background:rgba(255,255,255,.85);padding:0 .3em}
.lt.vt i{font-family:Jb,monospace;font-style:normal;font-size:11px}
.lt.vt.win b{color:var(--blue);font-weight:600}
.lt.tokl u{color:var(--fg)}
.lt.an{background:rgba(255,255,255,.85);padding:0 .3em;border:1px solid var(--ink)}
@media (max-width:760px){
  .s-hero,.s-in,.s-pick,.s-end{max-width:none}
  .s-in{justify-content:flex-start;padding-top:118px}
  .s-hero .wide{font-size:min(16vw,10vh)}.s-hero .serif{font-size:min(7vw,4.2vh)}
  .s-in .wide{font-size:min(20vw,11vh)}
  .s-pick .wide{font-size:min(17vw,10vh)}
  #bub{max-width:78vw;font-size:16px}
  .lt.vt b{font-size:13px}
}

.wd{display:inline-block;white-space:nowrap}
html.capmode *{animation:none!important}
@media (min-width:761px){.s-tok,.s-mean,.s-att{max-width:min(44vw,680px)}}
@media (max-width:760px){
  .s-mean,.s-pick{justify-content:flex-end;padding-top:var(--pad);padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .s-end{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}

@media (max-width:760px){
  .s-mean .wide{font-size:min(15vw,9vh)}
  .sc{isolation:isolate}
  .s-tok:before,.s-mean:before,.s-att:before,.s-pick:before,.s-end:before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(237,238,240,.94) 55%,rgba(237,238,240,0));z-index:-1;pointer-events:none}
  .s-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:64%;background:linear-gradient(to bottom,rgba(237,238,240,.9) 70%,rgba(237,238,240,0));z-index:-1;pointer-events:none}
  #bub{font-size:15px}
}
