/* JPAccess. This file is served to paying members. The feed behind it, and the timing that makes it worth paying for, are ours. Want one this fast? Learn to build it. Copying ours is theft. */

































.fc,.lk-cd{--fw:82px; --fh:112px; --ff:76px; --fr:16px;
       --fl-face:#F3F5FA;
       display:flex;justify-content:center;align-items:flex-start;
       gap:26px;margin:0 0 30px}











:root[data-theme="graphite"] .fc,:root[data-theme="graphite"] .lk-cd,
:root[data-theme="dark"] .fc{--fl-face:#1E1E24}
@media(prefers-color-scheme:dark){
  :root:not([data-theme]) .fc,:root:not([data-theme]) .lk-cd,
  :root:not([data-theme="light"]) .fc{--fl-face:#1E1E24}
}
.lk-unit{display:flex;flex-direction:column;align-items:center;
         animation:lkRise .4s ease-out backwards}
.lk-unit:nth-child(2){animation-delay:.06s}
.lk-unit:nth-child(3){animation-delay:.12s}
.lk-unit:nth-child(4){animation-delay:.18s}
@keyframes lkRise{from{opacity:0;transform:translateY(14px)}
                  to{opacity:1;transform:none}}
.lk-flaps{display:flex;gap:5px}
.lk-l{margin-top:14px;font-size:10.5px;font-weight:700;letter-spacing:.2em;
      text-transform:uppercase;color:var(--ink-3,#656259)}




.fl{--fb:1px;
    position:relative;width:var(--fw);height:var(--fh);
    perspective:340px;
    font-size:var(--ff);font-weight:700;line-height:var(--fh);
    letter-spacing:-.04em;font-variant-numeric:tabular-nums;
    color:var(--ink,#161513)}






.fl::before{content:"";position:absolute;inset:0;z-index:0;
            border-radius:var(--fr);pointer-events:none;
            box-shadow:var(--g-cast,0 1px 1px rgba(22,21,19,.05),
                                    0 4px 12px rgba(22,21,19,.07))}








.fl-h,.fl-lf{position:absolute;left:0;right:0;height:50%;overflow:hidden;
             z-index:1;
             border:var(--fb) solid var(--g-lite-rim,rgba(22,21,19,.11));
             background-color:var(--fl-face);
             background-image:linear-gradient(180deg,
                 var(--ac-btn-a,rgba(255,255,255,.62)),
                 var(--ac-btn-b,rgba(255,255,255,.32)));
             background-size:100% var(--fh);
             background-origin:border-box;
             background-repeat:no-repeat}




.fl-t,.fl-lt{top:0;border-radius:var(--fr) var(--fr) 2px 2px;border-bottom:0;
             background-position:0 0;
             box-shadow:inset 0 1px 0 var(--g-spec,rgba(255,255,255,.95)),
                        inset 2px 0 .5px -2px var(--g-bev-l,rgba(22,21,19,.26)),
                        inset -2px 0 .5px -2px var(--g-bev-d,rgba(22,21,19,.22))}
.fl-b,.fl-lb{bottom:0;border-radius:2px 2px var(--fr) var(--fr);border-top:0;
             background-position:0 100%;
             box-shadow:inset 0 -1px 0 var(--g-wash,rgba(22,21,19,.035)),
                        inset 2px 0 .5px -2px var(--g-bev-l,rgba(22,21,19,.26)),
                        inset -2px 0 .5px -2px var(--g-bev-d,rgba(22,21,19,.22))}



.fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;
           margin-top:-.5px;background:var(--g-lite-rim,rgba(22,21,19,.11));
           z-index:4;pointer-events:none}


















.fl-h span,.fl-lf span{position:absolute;left:calc(var(--fb) * -1);
                       width:var(--fw);
                       height:var(--fh);line-height:var(--fh);
                       text-align:center;display:block}
.fl-t span,.fl-lt span{top:calc(var(--fb) * -1)}
.fl-b span,.fl-lb span{bottom:calc(var(--fb) * -1)}

.fl-lf{visibility:hidden;backface-visibility:hidden;z-index:3}
.fl-lt{transform-origin:50% 100%}
.fl-lb{transform-origin:50% 0;transform:rotateX(90deg)}
@keyframes flFall{from{transform:rotateX(0)}   to{transform:rotateX(-90deg)}}
@keyframes flLand{from{transform:rotateX(90deg)} to{transform:rotateX(0)}}



.fl.is-flip .fl-lf{will-change:transform}














.fl.is-flip .fl-lt{visibility:visible;
     animation:flFall .19s cubic-bezier(.45,.05,.75,.35) forwards}
.fl.is-flip .fl-lb{visibility:visible;
     animation:flLand .19s cubic-bezier(.2,.75,.35,1) .19s forwards}


















.fl-lf::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}
.fl-lt::after{background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,0) 78%)}
.fl-lb::after{background:linear-gradient(0deg,rgba(0,0,0,.20),rgba(0,0,0,0) 78%)}
@keyframes flShadeFall{from{opacity:0} to{opacity:1}}
@keyframes flShadeLand{from{opacity:1} to{opacity:0}}
.fl.is-flip .fl-lt::after{animation:flShadeFall .19s linear forwards}
.fl.is-flip .fl-lb::after{animation:flShadeLand .19s linear .19s forwards}

@media (prefers-reduced-motion:reduce){
  .lk-unit{animation:none}
  .fl.is-flip .fl-lt,.fl.is-flip .fl-lb,
  .fl.is-flip .fl-lt::after,.fl.is-flip .fl-lb::after{animation:none}
}
@media (max-width:860px){
  .fc,.lk-cd{--fw:62px; --fh:86px; --ff:58px; --fr:13px; gap:16px}
}
@media (max-width:640px){
  .fc,.lk-cd{--fw:46px; --fh:64px; --ff:42px; --fr:10px; gap:10px}
  .lk-l{font-size:9px;letter-spacing:.12em;margin-top:10px}
  .lk-flaps{gap:3px}
}
@media (max-width:430px){
  .fc,.lk-cd{--fw:36px; --fh:50px; --ff:33px; --fr:8px; gap:7px}
}






.fc{margin:0}