/* S348 · Spud and the original Be Cool. Be Positive. marks, in the site's ink and blue.
   One hand drew it all: the logo, Spud and the beach share the same navy ink line. */
.s348-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* the header mark: the peace hand and the hand-lettered creed, the official horizontal logo */
html .bh .bh-brand{gap:9px}
html .bh .bh-brand img.bh-hand{height:40px!important;width:auto!important;margin:0!important;flex:none}
html .bh .bh-brand img.bh-word{height:17px!important;width:auto!important;margin:6px 0 0!important;flex:none;transition:opacity .34s cubic-bezier(.2,.7,.2,1),transform .34s cubic-bezier(.2,.7,.2,1)}
html.sh-on.sh-scrolled .bh .bh-brand img.bh-hand{height:34px!important}
html.sh-on.sh-scrolled .bh .bh-brand img.bh-word{height:15px!important}
@media (max-width:760px){
  html .bh .bh-brand img.bh-hand{height:36px!important}
  html .bh .bh-brand img.bh-word{height:15px!important}
}
/* on the home page the creed is drawn big in the sky, so the header carries only the hand until it scrolls away */
html .bh.bh-home .bh-brand img.bh-word{opacity:0;transform:translateY(5px)}
html .bh.bh-home.bh-past .bh-brand img.bh-word{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html .bh .bh-brand img.bh-word{transition:none}}

/* the hero: the creed in his original lettering, white on the dawn */
.hb h1.hb-creed{margin:clamp(14px,2vh,22px) 0 clamp(18px,2.6vh,28px);font-size:0;line-height:0}
.hb-creed img{display:block;width:clamp(320px,48vw,700px);height:auto;margin-left:-.6%;filter:drop-shadow(0 8px 34px rgba(5,12,32,.38))}
@media (max-width:760px){.hb-creed img{width:min(90vw,440px)}}
@media print{.hb-creed img{width:4.6in;filter:none}}

/* Spud on the sand beside the van, waving the peace sign, his feet on the same line as its wheels */
.hb-spud{position:absolute;z-index:5;filter:drop-shadow(-1.6px -1px 0 rgba(255,217,160,.7)) drop-shadow(0 0 14px rgba(255,190,120,.18));bottom:14px;right:calc(max(9%,calc(50% - 560px)) + min(25vw,330px,36vh) + 1.2vw);height:calc(min(25vw,330px,36vh)*.64);width:auto;pointer-events:none}
@media (min-width:1500px){.hb-spud{right:calc(max(9%,calc(50% - 560px)) + min(22vw,380px,38vh) + 18px);height:calc(min(22vw,380px,38vh)*.64)}}
@media (max-width:1100px) and (min-width:761px){.hb-spud{right:calc(max(9%,calc(50% - 560px)) + min(23vw,330px) + 12px);height:calc(min(23vw,330px)*.64)}}
@media (max-width:760px){.hb-spud{bottom:10px;right:calc(3% + min(42vw,230px) + 6px);height:calc(min(42vw,230px)*.66)}}
@media print{.hb-spud{display:none}}

/* the footer signs off with the full stacked logo, Spud between the words */
.f42-lock{margin:0!important;line-height:0}
.f42-lock a{display:inline-flex;border-radius:12px}
.f42-lock img{display:block;height:clamp(120px,11.9vw,160px);width:auto;margin:0 0 0 -6px}
@media (max-width:760px){.f42-lock img{height:117px}}
.f42-lock a:focus-visible{outline:3px solid #8FB2FF;outline-offset:6px}

/* the hero's Now playing card: the newest episode, one tap from the first screen */
.np{position:relative;z-index:6;display:flex;align-items:center;gap:16px;width:min(100%,540px);margin-top:30px;padding:12px 12px 12px 12px;
  border-radius:22px;background:rgba(11,21,48,.5);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 18px 50px -20px rgba(3,8,24,.7)}
.np-art{flex:none;display:block;width:84px;height:84px;border-radius:14px;overflow:hidden;background:#1559F5}
.np-art img{display:block;width:100%;height:100%;object-fit:cover}
.np-tx{flex:1;min-width:0}
.np-k{display:flex;align-items:center;gap:8px;margin:0 0 5px;font:600 13px/1.3 Rubik,system-ui,sans-serif;color:#C7D6FF}
.np-dot{width:7px;height:7px;border-radius:50%;background:#FFD9A0;box-shadow:0 0 0 0 rgba(255,217,160,.6);animation:np-p 2.4s ease-out 2}
@keyframes np-p{70%{box-shadow:0 0 0 8px rgba(255,217,160,0)}100%{box-shadow:0 0 0 0 rgba(255,217,160,0)}}
html .hb .np .np-t{text-box:normal!important;text-box-trim:none!important;height:auto!important;max-height:none!important;min-height:0!important;padding:0!important;margin:0;font:600 clamp(17px,1.5vw,20px)/1.32 'Source Serif 4',Georgia,serif;letter-spacing:-.005em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-t a{color:inherit;text-decoration:none}
.np-t a:hover{text-decoration:underline;text-underline-offset:3px}
.np-by{display:flex;align-items:center;gap:7px;margin:6px 0 0;font:500 13px/1.3 Rubik,system-ui,sans-serif;color:#AFC0E6}
.np-by img{width:20px;height:20px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(255,255,255,.5)}
.np-play{flex:none;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;background:#fff;color:#0B1530;
  font:600 15px/1 Rubik,system-ui,sans-serif;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.np-play svg{width:16px;height:16px;fill:#1559F5}
.np-play small{font-weight:500;color:#4A5675;margin-left:3px;font-size:13px}
.np-play:hover{transform:translateY(-1px)}
.np a:focus-visible{outline:3px solid #8FB2FF;outline-offset:3px;border-radius:999px}
.np-art:focus-visible{border-radius:14px}
/* with the newest episode up top, the paths below it step down to quiet links */
.np + .s4-paths{margin-top:18px}
html .np + .s4-paths a:first-child,html.sh-on .np + .s4-paths a:first-child{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important}
@media (prefers-reduced-motion:reduce){.np-dot{animation:none}.np-play{transition:none}}
@media (max-width:760px){
  .np{gap:12px;padding:10px;margin-top:22px;border-radius:18px}
  .np-art{width:64px;height:64px;border-radius:12px}
  html .hb .np .np-t{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .np-by{display:none}
  .np-play{width:48px;padding:0;justify-content:center}
  .np-play span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media print{.np{display:none}}

/* Spud belongs to the scene: lit from the sun behind him on the left, his shadow falling across the sand to the right like the van's */
.hb-spud-sh{position:absolute;z-index:4;bottom:8px;height:16px;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(11,21,48,.28),rgba(11,21,48,0));transform:skewX(-38deg);transform-origin:0 100%;
  right:calc(max(9%,calc(50% - 560px)) + min(25vw,330px,36vh) - 2vw);width:calc(min(25vw,330px,36vh)*.62)}
@media (min-width:1500px){.hb-spud-sh{right:calc(max(9%,calc(50% - 560px)) + min(22vw,380px,38vh) - 14px);width:calc(min(22vw,380px,38vh)*.62)}}
@media (max-width:1100px) and (min-width:761px){.hb-spud-sh{right:calc(max(9%,calc(50% - 560px)) + min(23vw,330px) - 18px);width:calc(min(23vw,330px)*.62)}}
@media (max-width:760px){.hb-spud-sh{bottom:5px;height:11px;right:calc(3% + min(42vw,230px) - 16px);width:calc(min(42vw,230px)*.6)}}
@media print{.hb-spud-sh{display:none}}

/* one scene, three things in it: the creed, his line, the newest episode. The header and the phone's tab bar already carry the paths. */
.hb .hb-copy .hk,.hb .hb-copy .np + .s4-paths{display:none!important}
.hb .hb-copy .hb-creed{margin-top:0}
/* the whole scene fits the first screen, Spud's feet included */
@media (min-width:761px){html .hero.hb{min-height:calc(100svh - 73px)}}

/* S348 · the header carries the tag: the creed on a woven CultureAI-blue label, stitched, like the one sewn into the shirts and hats */
html .bh .bh-brand .bh-tag{position:relative;display:inline-flex;align-items:center;flex:none;padding:9px 14px 10px;border-radius:5px;background:#1559F5;
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 2px 6px -2px rgba(21,89,245,.45);transition:padding .3s cubic-bezier(.2,.7,.2,1)}
html .bh .bh-brand .bh-tag::after{content:"";position:absolute;inset:3px;border:1px dashed rgba(255,255,255,.5);border-radius:3px;pointer-events:none}
html .bh .bh-brand .bh-tag img{height:17px!important;width:auto!important;margin:0!important;display:block}
html.sh-on.sh-scrolled .bh .bh-brand .bh-tag{padding:7px 12px 8px}
html.sh-on.sh-scrolled .bh .bh-brand .bh-tag img{height:15px!important}
@media (max-width:760px){html .bh .bh-brand .bh-tag{padding:8px 12px 9px}html .bh .bh-brand .bh-tag img{height:15px!important}}
@media (prefers-reduced-motion:reduce){html .bh .bh-brand .bh-tag{transition:none}}

/* S348 · the footer: the creed in his lettering, five short lists in one row, and one quiet line to close */
footer.f48 .f42-in{padding-top:clamp(64px,7vw,96px)}
.f48-top{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:clamp(48px,5vw,72px)}
.f48-sign{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'mark' 'mission';align-items:end;gap:18px;padding-bottom:clamp(36px,4vw,52px);border-bottom:1px solid rgba(255,255,255,.12)}
.f48-mark{grid-area:mark;margin:0;line-height:0}
.f48-mission{grid-area:mission;margin:0;max-width:44ch;font:400 italic clamp(18px,1.5vw,21px)/1.5 'Source Serif 4',Georgia,serif;color:#FFFFFF}
.f48-mark a{display:inline-block;border-radius:8px}
.f48-mark img{display:block;width:clamp(300px,34vw,500px);height:auto}
.f48-by{grid-area:by;align-self:end;margin:0;max-width:34ch;text-align:right;font:400 17px/1.5 'Source Serif 4',Georgia,serif;color:#B8C3DD}
footer.f48 .f48-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:clamp(36px,4vw,52px) 0 0;border:0}
footer.f48 .f42-h{margin:0 0 12px!important;font:500 13.5px/1.2 Rubik,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:0!important;text-transform:none!important;color:#8FA3C9!important}
footer.f48 .f42-col li a{min-height:36px;font-size:15px}
.f48-visit address{margin:0;font:400 15px/1.6 Rubik,system-ui,sans-serif;font-style:normal;color:rgba(255,255,255,.88)}
.f48-tel{margin:12px 0 0;display:flex;flex-direction:column;gap:2px}
.f48-tel a{align-self:flex-start;font:600 16px/1.3 Rubik,system-ui,sans-serif;color:#fff!important;text-decoration:none!important;padding:3px 0;border-radius:6px}
.f48-tel a:hover{text-decoration:underline!important;text-underline-offset:5px}
.f48-tel span{font:400 13.5px/1.3 Rubik,system-ui,sans-serif;color:#8FA3C9}
footer.f48 .f48-legal{gap:10px 24px;padding-top:22px}
footer.f48 .f48-legal .cai-pill{margin-left:auto}

@media (max-width:760px){
  footer.f48 .f42-in{padding-top:52px}
  .f48-top{padding-bottom:32px}
  .f48-mark img{width:min(78vw,300px)}
  .f48-by{font-size:16px;text-align:left}
  .f48-sign{grid-template-columns:minmax(0,1fr);grid-template-areas:'mark' 'mission';gap:14px;padding-bottom:4px;border-bottom:0}
  .f48-mission{font-size:18px}
  footer.f48 .f48-legal{flex-direction:column;align-items:flex-start}
  footer.f48 .f48-legal .cai-pill{margin:8px 0 0}
}

/* phone: the creed stops short of the rocket, the Culture brand's icon, so it keeps its place up by the stars */
@media (max-width:760px){html .hb-creed img{width:min(calc(100% - 58px),400px)}}


/* S348 · the footer goes light: a pale CultureAI-blue sky, the creed in CultureAI blue, ink type */
footer.bf.f42.f48{background:#EEF3FF!important}
footer.f48 .f42-in{color:#0B1530}
footer.f48 .f48-sign{border-bottom-color:rgba(21,89,245,.16)}
footer.f48 .f48-mission{color:#0B1530}
footer.f48 .f42-h{color:#4A5675!important}
footer.f48 .f42-col li a,footer.f48 .f48-visit address{color:#0B1530!important}
footer.f48 .f42-col li a:hover{color:#1559F5!important}
footer.f48 .f48-tel a{color:#0B1530!important}
footer.f48 .f48-tel span{color:#4A5675}
footer.f48 .f42-ic{box-shadow:0 0 0 1px rgba(11,21,48,.1)}
footer.f48 .f42-legal{border-top-color:rgba(21,89,245,.16)}
footer.f48 .f42-legal p,footer.f48 .f42-legal .bf-meter{color:#4A5675}
footer.f48 a:not(.cai-pill):focus-visible{outline-color:#1559F5!important}
html.sh-on footer.bf.f48 .f42-col ul{background:#FFFFFF;box-shadow:0 1px 2px rgba(11,21,48,.06)}
html.sh-on footer.bf.f48 .f42-col li+li::before{background:rgba(11,21,48,.08)}

/* S348 · morning, not night: the scene is a bright California day. Deep CultureAI blue up high where the words sit,
   opening to clear sky and warm light on the water. The scroll still lifts the sun and the rocket. */
html .hero.hb{background:#1E63F0}
html .hb-sky{background:linear-gradient(0deg,#FFE6BF 0,#FFD6A8 22px,#C6DFFF 70px,#6FA6FB 150px,#3479F4 250px,#1E63F0 380px)}
html .hb-sky .hb-day,html .hb-sky .hb-stars{display:none}
html .hb-sun{transform:translateY(calc(-60px + var(--p)*-80px))}
html .hb-glow{background:radial-gradient(circle,rgba(255,236,190,.75) 0%,rgba(255,220,150,.28) 40%,rgba(255,220,150,0) 68%)}
html .hb-island path{fill:#3D6FD6}
html .hb-copy .hstate{color:#fff!important;opacity:1!important;text-shadow:0 1px 14px rgba(10,40,120,.25)}
html .hb .np{background:rgba(12,40,120,.32);border-color:rgba(255,255,255,.28)}
html .hb .np-k{color:#fff}
html .hb .np-by{color:#E6EDFF}
html .hb-creed img{filter:drop-shadow(0 6px 24px rgba(10,40,120,.35))}
@media (max-width:760px){html .hb-sun{transform:translateY(calc(-34px + var(--p)*-40px))}}

/* the dark cards below go to CultureAI blue: the newest episode and My why read as daylight too */
html #listen .hx-feat{background:#1559F5}
html .s342h-card{background:linear-gradient(180deg,#1E63F0 0%,#1559F5 100%)}
html.sh-on #listen .hx-feat{background:#1559F5!important}
html #listen .hx-feat .s4-play{background:#fff!important;color:#1559F5!important;border-color:#fff!important}
html #listen .hx-feat .s4-play small{color:#4A5675!important}
html #listen .hx-feat .s4-play .s4-ph{background:#1559F5!important}
html #listen .hx-feat .s4-play .s4-ph svg{fill:#fff!important}
html #listen .hx-feat .s4-new .s4-dot{background:#FFD9A0!important}
html .s342h-card .s342-dot{color:#FFD9A0!important}

/* S348 · every page is a sunny day: the Why cover, the 404 sea and the dark bands go to CultureAI blue skies */
html .why-cover{background:linear-gradient(180deg,#1E63F0 0%,#2A6EF2 45%,#4D8DF7 74%,#A9CEFF 92%,#FFE3B8 100%)!important;animation:none!important}
html .sea{background:linear-gradient(180deg,#1E63F0 0%,#2A6EF2 50%,#5A97F8 80%,#BFDCFF 94%,#FFE3B8 100%)!important}
html .creedline{background:#1559F5!important}
html .wr-dband{background:#1559F5!important;color:#fff!important}
html .wr-dform button{background:#fff!important;color:#1559F5!important}
html .wr-chips button[aria-pressed="true"]{background:#1559F5!important;border-color:#1559F5!important}
html.sh-on .wr-newest{background:#1559F5!important}
html.sh-on .wr-newest .wr-nplay{background:#fff!important;color:#1559F5!important}
html.sh-on .wr-newest .wr-nk{color:#FFE3B8!important}
html .bh-cta{background:#1559F5!important;border-color:#1559F5!important;color:#fff!important}
html .bh-cta:hover{background:#0F46C7!important}
html.sh-on body .wr-newest{background:#1559F5!important}
html.sh-on body .wr-newest .wr-nplay{background:#fff!important;color:#1559F5!important}
html.sh-on body .wr-newest .wr-nread{background:rgba(255,255,255,.18)!important}
html .s342c .s342-run,html .s342c .s342-rd,html .s342c .s342-loc,html .s342c .s342-by,html .s342c .s342-who,html .s342c .s342-pt{color:#E6EDFF!important}
html .s342c .s342-deck{color:#fff!important}
html .s342c .s342-dot{color:#FFE3B8!important}
html .s342c .s342-pb{background:#fff!important;color:#1559F5!important}
html .sea .pill{background:#fff!important;color:#1559F5!important}

/* S348 · type on CultureAI blue stays readable (axe, 4.5:1): near-white for the quiet lines, a paler sun for the accent */
html #listen .hx-feat .s4-new,html #listen .hx-feat .s4-new span,html #listen .hx-feat time{color:#FFE8C7!important}
html #listen .hx-feat .hx-fno,html #listen .hx-feat .hx-fd{color:#F0F4FF!important}
html .wr-dband .wr-dk,html .wr-dband .wr-dl,html .wr-dband .wr-fine,html .wr-dband a[href$="rss.xml"]{color:#F0F4FF!important}
html .wr-chips button[aria-pressed="true"] b{color:#F0F4FF!important}
html.sh-on body .wr-newest .wr-nk,html.sh-on body .wr-newest time{color:#FFE8C7!important}
html.sh-on body .wr-newest .wr-nread{background:transparent!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75)!important}
html footer.bf.f48 .f42-legal .bf-meter{color:#4A5675!important}

/* S352 · My why: the label sits above the letter itself, not in the cover */
.why-lbl{margin:clamp(28px,4vw,44px) 0 14px;font:600 15px/1.2 Rubik,system-ui,sans-serif;letter-spacing:0;color:#1559F5}
/* the navigator pill's dot shows on phones too (a phone rule had made it inline, so it had no size) */
html #askfab.cai-pill i{display:block!important}

/* S352 · Ask Steve (the navigator) on a sunny day: a light sky panel, ink type, CultureAI blue for his answers' marks */
html .askp{background:#F4F7FF!important;color:#0B1530;box-shadow:0 24px 60px -24px rgba(11,40,120,.45),0 0 0 1px rgba(21,89,245,.12)}
html .askp::before{background:linear-gradient(180deg,#E7EEFF 0,#F4F7FF 220px)!important}
html .askp-h{border-bottom-color:rgba(21,89,245,.14)!important}
html .askp-t{color:#0B1530!important}
html .askp-d,html .askp-priv,html .askp-status,html .askp-rm{color:#4A5675!important}
html .askp-face{box-shadow:0 0 0 1px rgba(11,21,48,.1)!important}
html .askp-x{background:rgba(11,21,48,.06)!important;color:#0B1530!important}
html .askp-x:hover{background:rgba(11,21,48,.12)!important}
html .askp-hello,html .askp-b.steve{box-shadow:0 1px 2px rgba(11,40,120,.08),0 6px 18px -10px rgba(11,40,120,.25)!important}
html .askp-chips button{background:#fff!important;border-color:#D6E1FB!important;color:#0B1530!important}
html .askp-chips button:hover{border-color:#1559F5!important;background:#fff!important}
html .askp-b.me{background:#1559F5!important;color:#fff!important}
html .askp-f{border-color:#D6E1FB!important}
html .askp-send{background:#1559F5!important}
html .askp-send:hover{background:#0F46C7!important}
html .askp-foot button,html .askp-person{color:#0B1530!important;text-decoration-color:rgba(11,21,48,.35)!important}
html .askp-foot button:hover{text-decoration-color:#0B1530!important}
html.sh-on body .askp .askp-t,html body .askp .askp-t{color:#0B1530!important}
html .s342c .s342-dot{color:#FFE3B8!important;background-color:#FFE3B8!important}

/* S353 · phones: the top bar is solid, so nothing shows through it while you scroll, and when a page's large title
   collapses into the bar the tag steps aside for it instead of sitting under it */
html .bh{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.sh-on .bh .bh-brand .bh-tag{transition:opacity .2s ease,transform .2s ease}
html.sh-on.a7-titled .bh .bh-brand .bh-tag{opacity:0;transform:scale(.94);pointer-events:none}
html.sh-on.a7-titled .a7-tt{left:16px!important}
@media (prefers-reduced-motion:reduce){html.sh-on .bh .bh-brand .bh-tag{transition:none}}
/* the sticky section bars under it (Press, Read) are solid too, with the current pill in CultureAI blue, not ink */
html.sh-on body .a7-seg{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 1px 0 rgba(11,21,48,.08)}
html.sh-on body .a7-seg a[aria-current]{background:#1559F5!important;color:#fff!important}
html.sh-on body .wr-chips{background:#EEF2F8!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* the letter's player dock, while it plays: app type, not mono caps; the paragraph count reads as a line, Follow as a pill */
html .lp-dock{border-radius:20px!important;box-shadow:0 18px 40px -18px rgba(11,40,120,.45),0 0 0 1px rgba(21,89,245,.12)!important;overflow:hidden}
html .lp-dk{font:500 12.5px/1.3 Rubik,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#4A5675!important}
html .lp-dt{font:600 15px/1.3 Rubik,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.005em;color:#0B1530!important}
html .lp-dtime{font:500 12.5px/1 Rubik,system-ui,sans-serif!important;color:#4A5675!important}
html .lp-dfol{font:600 13px/1 Rubik,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;min-height:36px!important;padding:0 12px!important;border-radius:999px!important}
html .lp-dfol[aria-pressed="true"]{background:#EAF0FE!important;color:#1559F5!important;border:0!important}
html .lp-dfol[aria-pressed="false"]{background:#fff!important;color:#4A5675!important;border:1px solid #D6E1FB!important}
html .lp-dbar i{background:#1559F5!important}
/* while the dock is up on a phone, a white shelf runs behind it down to the tab bar, so no text shows through the gap */
@media (max-width:760px){html.sh-on body.lp-docked::after{content:"";position:fixed;top:auto!important;left:0;right:0;bottom:0;opacity:1!important;mix-blend-mode:normal!important;background-size:auto!important;height:calc(58px + 74px + env(safe-area-inset-bottom));z-index:139;pointer-events:none;background:linear-gradient(to top,#fff 88%,rgba(255,255,255,0))!important}}