/* 지페 · 플랫폼 소개 (platform.html) 효과.
   기본값 = 최종 모습(JS 없음 · 동작 줄이기). html.pf-js = 스크립트가 탭 · 거르기 · 다이어그램을 켠 상태, html.pf-on = 모션 허용 */

/* ── 히어로: 無 배지 반짝임 · 화면 두 장이 포인터를 따라 살짝 어긋남 ── */
.pg-platform .pg-hero__fee b{position:relative;overflow:hidden;isolation:isolate;transition:transform .45s var(--spring)}
.pg-platform .pg-hero__fee b::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:translate3d(-260%,0,0) skewX(-18deg);animation:fxShine 5.8s ease-in-out 1.2s infinite}
.pg-platform .pg-hero__fee:hover b{transform:scale(1.08) rotate(-2deg)}
.pf-on .pg-hero__vis .duo>.vgbox{transition:transform .6s var(--out)}
.pf-on .pg-hero__vis .duo>.vgbox:nth-child(1){transform:translate3d(calc(var(--px,0) * -12px),calc(var(--py,0) * -3px),0)}
.pf-on .pg-hero__vis .duo>.vgbox:nth-child(2){transform:translate3d(calc(var(--px,0) * 16px),calc(var(--py,0) * 4px),0)}

/* ── 두 앱 · 하나의 흐름: 주문 한 건이 폰에서 POS로 건너감 ── */
.pf-pair{--ph:clamp(290px,27vw,460px);position:relative;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.5fr) minmax(0,1.5fr);grid-template-areas:"a l b";align-items:center;margin-bottom:clamp(28px,3.4vw,60px);padding:clamp(22px,2.6vw,44px) clamp(16px,3vw,56px) 0;border-radius:var(--r4);background:var(--mist);overflow:hidden}
.pf-pair figure{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.1vw,18px);height:var(--ph);margin:0}
.pf-pair figcaption{flex:none;padding:.3em .95em;border-radius:99px;background:#fff;box-shadow:var(--sh1);font-size:clamp(13px,1vw,16px);font-weight:800}
.pf-pair__a{grid-area:a;overflow:hidden;padding:6px 6px 0}
.pf-pair__b{grid-area:b;padding:6px 0 0}
.pf-pair__a .dev{width:min(100%,clamp(150px,15vw,250px));margin:0;flex:none}
.pf-pair__b .win{width:100%;flex:none;position:relative}
.pf-pair__b .win::after,.pf-pair__a .dev::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none}
.pf-pair__b .win::after{box-shadow:inset 0 0 0 3px var(--blue)}
.pf-pair__a .dev::after{box-shadow:0 0 0 4px var(--blue)}
.pf-pair__link{grid-area:l;position:relative;container-type:inline-size;height:86px;align-self:center}
.pf-pair__line{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(25,31,40,.26) 0 8px,transparent 8px 16px)}
.pf-pair__pkt{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(30,77,216,.18),0 0 18px rgba(30,77,216,.5);opacity:0}
.pf-pair__pkt--b{background:var(--wave);box-shadow:0 0 0 5px rgba(255,216,77,.3),0 0 18px rgba(255,216,77,.7)}
.pf-pair__chip{position:absolute;top:calc(50% - 40px);padding:.34em .85em;border-radius:99px;background:#fff;box-shadow:var(--sh1);font-size:clamp(13px,.95vw,15px);font-weight:800;white-space:nowrap}
.pf-pair__chip--a,.pf-pair__chip--c{left:0}
.pf-pair__chip--b{right:0}
.pf-pair__chip--c{display:none}
.is-play .pf-pair__chip--c{display:block}
.is-play .pf-pair__pkt{animation:pfOut 6.4s cubic-bezier(.45,0,.25,1) infinite}
.is-play .pf-pair__pkt--b{animation-name:pfBack}
.is-play .pf-pair__chip--a{animation:pfA 6.4s ease infinite}
.is-play .pf-pair__chip--b{animation:pfB 6.4s ease infinite}
.is-play .pf-pair__chip--c{animation:pfC 6.4s ease infinite}
.is-play .pf-pair__b .win::after{animation:pfPingB 6.4s ease infinite}
.is-play .pf-pair__a .dev::after{animation:pfPingA 6.4s ease infinite}
@keyframes pfOut{0%{transform:translate3d(0,0,0);opacity:0}4%{opacity:1}34%{transform:translate3d(calc(100cqw - 14px),0,0);opacity:1}38%,100%{transform:translate3d(calc(100cqw - 14px),0,0);opacity:0}}
@keyframes pfBack{0%,50%{transform:translate3d(calc(100cqw - 14px),0,0);opacity:0}54%{opacity:1}80%{transform:translate3d(0,0,0);opacity:1}84%,100%{transform:translate3d(0,0,0);opacity:0}}
@keyframes pfA{0%,2%{opacity:0;transform:scale(.8)}7%{opacity:1;transform:scale(1.06)}11%,70%{opacity:1;transform:scale(1)}78%,100%{opacity:0;transform:scale(.9)}}
@keyframes pfB{0%,32%{opacity:0;transform:scale(.7)}38%{opacity:1;transform:scale(1.1)}44%,92%{opacity:1;transform:scale(1)}98%,100%{opacity:0;transform:scale(.9)}}
@keyframes pfC{0%,78%{opacity:0;transform:scale(.7)}84%{opacity:1;transform:scale(1.1)}90%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}
@keyframes pfPingB{0%,34%{opacity:0}38%{opacity:1}54%,100%{opacity:0}}
@keyframes pfPingA{0%,80%{opacity:0}84%{opacity:1}96%,100%{opacity:0}}
@media (max-width:767px){
  .pf-pair{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-areas:"a b" "l l";padding-bottom:20px}
  .pf-pair figure{height:clamp(220px,58vw,300px)}
  .pf-pair__link{margin:18px 6px 0}
  .pf-pair__chip{top:calc(50% - 38px)}
}

/* ── 하나의 흐름: 단계 사이 선이 이어지고, 지나온 단계는 ✓ ── */
.pf-flow .flow{--bw:clamp(40px,3.6vw,56px);--pad:clamp(22px,2.4vw,40px)}
.pf-flow .flow li{background:linear-gradient(var(--line),var(--line)) no-repeat calc(var(--bw)/2 - 1px) calc(var(--pad) + var(--bw) + 4px)/2px calc(100% - var(--bw) - 8px)}
.pf-flow .flow li:last-child{background:none}
.sec--mist.pf-flow .flow li{border-top-color:rgba(25,31,40,.1)}
.pf-flow .flow li::after{content:"";position:absolute;left:calc(var(--bw)/2 - 1px);top:calc(var(--pad) + var(--bw) + 4px);width:2px;height:calc(100% - var(--bw) - 8px);border-radius:2px;background:var(--blue);transform-origin:50% 0;transform:scaleY(var(--s,1))}
.pf-flow .flow li:last-child::after{display:none}
.pf-on .pf-flow .flow li::after{transform:scaleY(var(--s,0));transition:transform .35s linear}
.pf-on .pf-flow .flow li::before{background:#dfe3e9;color:var(--ink3);transition:background .4s,color .4s,transform .55s var(--spring)}
.pf-on .pf-flow .flow li.is-on::before{background:var(--wave);color:var(--ink);transform:scale(1.12);box-shadow:0 0 0 8px rgba(255,216,77,.28)}
.pf-on .pf-flow .flow li.is-done::before{content:"✓";background:var(--blue);color:#fff}
.pf-on .pf-flow .flow li>div{opacity:.38;transition:opacity .5s}
.pf-on .pf-flow .flow li.is-on>div,.pf-on .pf-flow .flow li.is-done>div{opacity:1}
.pf-flow-h{position:sticky;top:calc(var(--hdr) + 28px)}
.pf-flow-h .sec__head{position:static;margin-bottom:clamp(22px,2.4vw,36px)}
.pf-where{display:none;align-items:center;gap:10px;max-width:30em}
.pf-js .pf-where{display:flex}
.pf-where>span:not(.pf-where__t){flex:none;padding:.5em 1em;border-radius:99px;background:#fff;color:var(--ink3);font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px var(--line);transition:background .4s,color .4s,box-shadow .4s}
.pf-where[data-at="a"] .pf-where__a,.pf-where[data-at="b"] .pf-where__b{background:var(--blue);color:#fff;box-shadow:none}
.pf-where__t{position:relative;flex:1;height:2px;container-type:inline-size;background:repeating-linear-gradient(90deg,rgba(25,31,40,.26) 0 6px,transparent 6px 12px)}
.pf-where__t i{position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--wave);box-shadow:0 0 0 4px rgba(255,216,77,.3);transition:transform .8s var(--out)}
.pf-where[data-at="b"] .pf-where__t i{transform:translate3d(calc(100cqw - 12px),0,0)}
@media (max-width:1023px){.pf-flow-h{position:static}.pf-where{display:none!important}}

/* ── AI 주문: 01 → 02 → 03 차례로 빛이 지나감 ── */
.pf-aiflow{--gap:clamp(14px,1.4vw,24px)}
.pf-aiflow__bar{display:none}
.pf-aiflow .card{overflow:visible}
.pf-aiflow .card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--ai),0 0 36px rgba(124,92,252,.35);opacity:0;pointer-events:none}
.is-play .pf-aiflow .card::after{animation:pfCard 6s ease infinite}
.is-play .pf-aiflow .card:nth-child(2)::after{animation-delay:2s}
.is-play .pf-aiflow .card:nth-child(3)::after{animation-delay:4s}
@keyframes pfCard{0%{opacity:0}6%,28%{opacity:1}36%,100%{opacity:0}}
@media (min-width:641px){
  .pf-aiflow__bar{position:relative;container-type:inline-size;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);height:26px;margin:0 0 clamp(14px,1.6vw,24px)}
  .pf-aiflow__bar i{position:relative;display:block}
  .pf-aiflow__bar i::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#2a2f3b;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
  .pf-aiflow__bar i:not(:last-of-type)::after{content:"";position:absolute;left:calc(50% + 14px);top:50%;width:calc(100% + var(--gap) - 28px);height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 6px,transparent 6px 12px)}
  .pf-aiflow__pulse{position:absolute;left:calc((100cqw - 2 * var(--gap)) / 6 - 8px);top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--ai);box-shadow:0 0 0 6px rgba(124,92,252,.28),0 0 22px rgba(124,92,252,.8);opacity:0}
  .is-play .pf-aiflow__pulse{animation:pfPulse 6s linear infinite}
  .is-play .pf-aiflow__bar i::before{animation:pfNode 6s ease infinite}
  .is-play .pf-aiflow__bar i:nth-of-type(2)::before{animation-delay:2s}
  .is-play .pf-aiflow__bar i:nth-of-type(3)::before{animation-delay:4s}
}
@keyframes pfPulse{0%{transform:translate3d(0,0,0);opacity:0}4%{opacity:1}66%{transform:translate3d(calc(66.667cqw + var(--gap) * .6667),0,0);opacity:1}72%,100%{transform:translate3d(calc(66.667cqw + var(--gap) * .6667),0,0);opacity:0}}
@keyframes pfNode{0%{background:var(--ai);transform:scale(1.5)}8%{background:var(--ai);transform:scale(1.5)}30%,100%{background:#2a2f3b;transform:scale(1)}}

/* ── 다섯 가지 이유: 왼쪽에서 고르면 오른쪽 무대가 바뀜 ── */
.pf-rs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.4vw,24px)}
.pf-r{display:flex;flex-direction:column;gap:.5em;padding:clamp(22px,2vw,34px);border-radius:var(--r3);background:var(--navy);color:#fff}
.pf-r h3{font-size:clamp(20px,1.6vw,28px);font-weight:800;letter-spacing:-.03em}
.pf-r p{color:#c5cde0;font-size:clamp(15px,1.1vw,18px);line-height:1.65}
.pf-r a{color:var(--wave);font-weight:800;text-decoration:underline;text-underline-offset:.25em}
.pf-r__v{display:grid;place-items:center;min-height:190px}
.pf-js .pf-rs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,56px);align-items:stretch}
.pf-rs__nav{display:grid;align-content:start;gap:8px}
.pf-rs__tab{position:relative;display:flex;align-items:center;gap:clamp(12px,1.2vw,20px);width:100%;padding:clamp(16px,1.5vw,24px) clamp(16px,1.6vw,26px);border:0;border-radius:var(--r2);background:transparent;color:var(--ink2);text-align:left;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.pf-rs__tab em{flex:none;color:var(--ink3);font-size:15px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;transition:color .3s}
.pf-rs__tab b{font-size:clamp(17px,1.45vw,25px);font-weight:800;letter-spacing:-.035em;line-height:1.3}
.pf-rs__tab:hover{background:rgba(25,31,40,.05);color:var(--ink)}
.pf-rs__tab[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:var(--sh1)}
.pf-rs__tab[aria-selected="true"] em{color:var(--blue)}
.pf-rs__tab::after{content:"";position:absolute;left:0;top:22%;bottom:22%;width:4px;border-radius:4px;background:var(--blue);transform:scaleY(0);transition:transform .45s var(--spring)}
.pf-rs__tab[aria-selected="true"]::after{transform:scaleY(1)}
.pf-rs__stage{position:relative;min-height:clamp(420px,34vw,580px)}
.pf-js .pf-r{position:absolute;inset:0;justify-content:flex-end;padding:clamp(24px,2.6vw,44px);border-radius:var(--r4)}
.pf-js .pf-r[hidden]{display:none}
.pf-js .pf-r__v{position:absolute;left:0;right:0;top:0;bottom:36%;min-height:0}
.pf-js .pf-r h3{font-size:clamp(24px,2.2vw,40px);letter-spacing:-.04em}
.pf-js .pf-r p{max-width:30em}
.pf-js .pf-r.is-on{animation:fxVis .7s var(--out) both}
.pf-rs__fn1{display:block;margin-top:.5em;color:#aab3c6;font-size:14px}
.pf-js .pf-rs__fn1{display:none}
@media (max-width:1023px){
  .pf-js .pf-rs{grid-template-columns:minmax(0,1fr)}
  .pf-rs__nav{display:flex;gap:8px;margin:0 -24px;padding:0 24px 4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .pf-rs__nav::-webkit-scrollbar{display:none}
  .pf-rs__tab{flex:none;width:auto;padding:.8em 1.2em;border-radius:99px;background:#fff;scroll-snap-align:start}
  .pf-rs__tab em{display:none}
  .pf-rs__tab::after{display:none}
  .pf-rs__tab[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:none}
  .pf-rs__stage{min-height:clamp(440px,120vw,520px)}
}
@media (max-width:640px){.pf-rs{grid-template-columns:minmax(0,1fr)}}
/* 무대 그림 (장식) */
.pf-v{position:relative;display:grid;place-items:center;width:100%;height:100%}
.pf-v--mu .pf-v__mu{position:relative;z-index:1;display:grid;place-items:center;width:clamp(120px,11vw,168px);height:clamp(120px,11vw,168px);border-radius:50%;background:var(--wave);color:var(--ink);font-size:clamp(64px,6vw,96px);font-weight:800;line-height:1;overflow:hidden}
.pf-v--mu .pf-v__mu::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:translate3d(-260%,0,0) skewX(-18deg);animation:fxShine 4.6s ease-in-out 1s infinite}
.pf-v__ring{position:absolute;left:50%;top:44%;width:clamp(120px,11vw,168px);height:clamp(120px,11vw,168px);margin:calc(clamp(120px,11vw,168px)/-2) 0 0 calc(clamp(120px,11vw,168px)/-2);border-radius:50%;border:2px solid rgba(255,216,77,.5);opacity:0}
.pf-r.is-on .pf-v__ring{animation:pfRing 2.6s ease-out infinite}
.pf-r.is-on .pf-v__ring--2{animation-delay:1.3s}
@keyframes pfRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.1);opacity:0}}
.pf-v--mu .pf-v__mu{margin-top:-6%}
.pf-v--all{align-content:center;gap:14px}
.pf-v--all .pf-v__row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pf-v--all span{padding:.65em 1.3em;border-radius:99px;background:#fff;color:var(--ink);font-size:clamp(16px,1.3vw,21px);font-weight:800;box-shadow:var(--sh1)}
.pf-v--all .pf-v__dev{display:flex;gap:10px;color:#b6bfd3;font-size:14px;font-weight:800}
.pf-r.is-on .pf-v--all span{animation:pfJoin .9s var(--out) both;animation-delay:calc(var(--i) * .08s)}
@keyframes pfJoin{from{opacity:0;transform:translate3d(calc((var(--i) - 1.5) * 46px),calc((var(--i) - 1.5) * -26px),0) rotate(calc((var(--i) - 1.5) * 7deg))}to{opacity:1;transform:none}}
.pf-v--split{align-content:center;gap:16px}
.pf-v--split .pf-v__bar{display:flex;gap:4px;width:min(78%,420px);height:18px;overflow:hidden;border-radius:99px}
.pf-v--split .pf-v__bar i{width:var(--w);background:var(--c)}
.pf-r.is-on .pf-v--split .pf-v__bar i{animation:pfSplit 1s var(--out) both}
.pf-r.is-on .pf-v--split .pf-v__bar i:nth-child(2){animation-delay:.12s}
.pf-r.is-on .pf-v--split .pf-v__bar i:nth-child(3){animation-delay:.24s}
@keyframes pfSplit{from{width:0;opacity:0}to{width:var(--w);opacity:1}}
.pf-v--split ul{display:flex;gap:10px}
.pf-v--split li{display:flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:clamp(14px,1.05vw,17px);font-weight:800}
.pf-v--split li i{width:.8em;height:.8em;border-radius:50%;background:var(--c)}
.pf-r.is-on .pf-v--split li{animation:fxUp .7s var(--out) both}
.pf-r.is-on .pf-v--split li:nth-child(2){animation-delay:.12s}
.pf-r.is-on .pf-v--split li:nth-child(3){animation-delay:.24s}
.pf-v--split b{color:var(--wave);font-size:clamp(17px,1.4vw,23px)}
.pf-v--grow{--cs:clamp(110px,10vw,150px)}
.pf-v--grow .pf-v__set{position:relative;width:calc(var(--cs) * 2);height:calc(var(--cs) * 1.75)}
.pf-v--grow .pf-v__c{position:absolute;display:grid;place-items:center;width:var(--cs);height:var(--cs);border-radius:50%;color:#fff;font-size:clamp(14px,1.1vw,18px);font-weight:800}
.pf-v--grow .pf-v__c:nth-child(1){left:calc(var(--cs) * .5);top:0;background:rgba(61,112,240,.92)}
.pf-v--grow .pf-v__c:nth-child(2){left:0;top:calc(var(--cs) * .75);background:rgba(124,92,252,.82)}
.pf-v--grow .pf-v__c:nth-child(3){right:0;top:calc(var(--cs) * .75);background:rgba(255,216,77,.9);color:var(--ink)}
.pf-r.is-on .pf-v--grow .pf-v__c{animation:pfGrow .9s var(--spring) both}
.pf-r.is-on .pf-v--grow .pf-v__c:nth-child(2){animation-delay:.14s}
.pf-r.is-on .pf-v--grow .pf-v__c:nth-child(3){animation-delay:.28s}
@keyframes pfGrow{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.pf-v--mall{align-content:center;gap:18px}
.pf-v__tog{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(78%,340px);padding:5px;border-radius:99px;background:rgba(255,255,255,.12)}
.pf-v__tog span{position:relative;z-index:1;padding:.7em 0;color:#c5cde0;font-size:clamp(15px,1.2vw,19px);font-weight:800;text-align:center;transition:color .4s}
.pf-v__tog i{position:absolute;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:99px;background:#fff;transition:transform .6s var(--spring)}
.pf-v__tog span:first-of-type{color:var(--ink)}
.pf-v--mall.is-mall .pf-v__tog i{transform:translate3d(100%,0,0)}
.pf-v--mall.is-mall .pf-v__tog span:first-of-type{color:#c5cde0}
.pf-v--mall.is-mall .pf-v__tog span:nth-of-type(2){color:var(--ink)}
.pf-v__soon{padding:.5em 1.1em;border-radius:99px;border:2px dashed rgba(255,255,255,.3);color:#aab3c6;font-size:clamp(14px,1.05vw,17px);font-weight:800}

/* ── 지금 쓸 수 있는 것 / 지원 예정: 거르면 카드가 미끄러져 재배치 ── */
.pf-flt{display:none;flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,2.4vw,36px)}
.pf-js .pf-flt{display:flex}
.pf-chip{padding:.6em 1.2em;border:0;border-radius:999px;background:var(--mist);color:var(--ink2);font-size:15px;font-weight:800;cursor:pointer;transition:background .25s,color .25s,transform .3s var(--spring)}
.pf-chip:hover{background:#e5e8eb;color:var(--ink)}
.pf-chip:active{transform:scale(.95)}
.pf-chip[aria-pressed="true"]{background:var(--ink);color:#fff}
.pf-cards [hidden]{display:none!important}
.pf-cards .card__k{display:flex;align-items:center;gap:.5em}
.pf-cards .card__k::before{content:"";width:.55em;height:.55em;border-radius:50%;background:#22c07a}
.pf-cards .card[data-st="soon"] .card__k{color:var(--ink3)}
.pf-cards .card[data-st="soon"] .card__k::before{background:#c4cad3}
.pf-cards .card[data-st="soon"]{background:transparent!important;outline:2px dashed #d5d9e0;outline-offset:-2px}

@media (prefers-reduced-motion:reduce){
  .pg-platform .pg-hero__fee b::after,.pf-v--mu .pf-v__mu::after{animation:none}
  .pf-r.is-on,.pf-r.is-on *{animation:none!important}
  .is-play .pf-pair *,.is-play .pf-aiflow *,.is-play .pf-aiflow .card::after{animation:none!important}
}
@media print{
  .pf-on .pf-flow .flow li>div{opacity:1}
  .pf-on .pf-flow .flow li::after{transform:none}
  .pf-rs__nav{display:none}
  .pf-js .pf-rs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-rs__stage{display:contents}
  .pf-js .pf-r,.pf-js .pf-r[hidden]{position:static;display:flex;min-height:0}
  .pf-js .pf-r__v{position:static;min-height:120px}
  .pf-js .pf-rs__fn1{display:block}
  .pf-flt{display:none!important}
  .pf-cards [hidden]{display:flex!important}
}