#ff-workspace .product-showcase{margin:3px 0 29px}
#ff-workspace .showcase-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;color:#bababa;font-size:12px}
#ff-workspace .showcase-heading-note{font-size:10px;color:#606060}
#ff-workspace .showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#ff-workspace .showcase-card{position:relative;display:flex;flex-direction:column;text-align:left;min-width:0;height:286px;padding:0;background:#141414;border:1px solid #2e2e2e;border-radius:15px;overflow:hidden;isolation:isolate;transition:border-color .22s,background .22s,box-shadow .22s}
#ff-workspace .showcase-card:hover{filter:none;border-color:#505050;background:#171717;box-shadow:0 9px 30px #0003}
#ff-workspace .showcase-card:focus-visible{outline:2px solid #eee;outline-offset:4px}
#ff-workspace .showcase-visual{display:block;position:relative;flex:1;min-height:0;width:100%;overflow:hidden}
#ff-workspace .showcase-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;background:linear-gradient(0deg,#151515 74%,#15151500);flex-shrink:0}
#ff-workspace .showcase-footer>span:first-child{display:flex;align-items:baseline;gap:11px;min-width:0}
#ff-workspace .showcase-footer strong{font-size:15px;font-weight:500;color:#e7e7e7}
#ff-workspace .showcase-footer small{font-size:11px;font-weight:400;color:#777;white-space:nowrap}
#ff-workspace .showcase-open{font-size:20px;font-weight:400;line-height:1;color:#888;transition:color .2s,transform .25s}
#ff-workspace .showcase-card:hover .showcase-open{color:#fff;transform:translate(2px,-2px)}
#ff-workspace .showcase-disclosure{font-size:9px;line-height:1.5;color:#676767;margin-top:10px}
#ff-workspace .showcase-card .social-mark{width:16px;height:16px;flex-shrink:0}
#ff-workspace .showcase-card img{display:block;object-fit:cover}

/* A compact launch session, from profile search to independent artwork. */
#ff-workspace .showcase-launch .showcase-visual{background:radial-gradient(ellipse at 73% 70%,#ffffff06,transparent 65%)}
#ff-workspace .showcase-launch-scene{position:absolute;inset:0;display:block;animation:showcase-scene 18s linear infinite;animation-delay:var(--scene-delay)}
#ff-workspace .showcase-search-sheet{position:absolute;left:7%;top:27px;width:73%;max-width:285px;padding:16px;border-radius:11px;border:1px solid #343434;background:linear-gradient(135deg,#222,#191919);box-shadow:0 10px 25px #0004}
#ff-workspace .showcase-sheet-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9b9b9b;margin-bottom:13px}
#ff-workspace .showcase-search-field{display:flex;align-items:center;gap:8px;height:31px;padding:0 9px;background:#101010;border:1px solid #363636;border-radius:6px;font-size:10px;color:#aaa}
#ff-workspace .showcase-search-field svg{width:12px;height:12px;fill:none;stroke:#727272;stroke-width:1.3;flex-shrink:0}
#ff-workspace .showcase-search-field>span{display:block;max-width:140px;white-space:nowrap;overflow:hidden;animation:showcase-type 6s steps(16,end) infinite}
#ff-workspace .showcase-search-field>i{width:1px;height:12px;background:#aaa;animation:showcase-caret 1s steps(1) infinite}
#ff-workspace .showcase-profile-result{display:flex;align-items:center;gap:10px;margin-top:13px;animation:showcase-result 6s cubic-bezier(.22,1,.36,1) infinite}
#ff-workspace .showcase-profile-result>img{width:31px;height:31px;border-radius:50%}
#ff-workspace .showcase-profile-result strong{display:block;color:#e5e5e5;font-size:11px;font-weight:500}
#ff-workspace .showcase-profile-result small{display:block;font-size:9px;color:#747474;margin-top:2px}
#ff-workspace .showcase-profile-plus{font-size:17px;color:#888;margin-left:auto;padding-right:3px}
#ff-workspace .showcase-sheet-rule{display:block;width:57%;height:1px;margin-top:16px;background:#363636}
#ff-workspace .showcase-sheet-note{display:block;font-size:8px;margin-top:9px;color:#6c6c6c}
#ff-workspace .showcase-launch-art{position:absolute;display:block;width:109px;right:7%;top:83px;padding:5px 5px 8px;border-radius:10px;background:#242424;border:1px solid #444;box-shadow:0 8px 25px #0007;animation:showcase-art 6s cubic-bezier(.22,1,.36,1) infinite}
#ff-workspace .showcase-launch-art>img{width:100%;height:84px;border-radius:6px}
#ff-workspace .showcase-launch-art>span{display:block;margin:7px 3px 0;font-size:10px;font-weight:500;color:#eee}
#ff-workspace .showcase-launch-art small{display:block;margin-top:2px;font-size:8px;color:#999;font-weight:400}
#ff-workspace .showcase-launch-art>i{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;width:24px;height:24px;background:#151515;border:1px solid #444;border-radius:50%}
#ff-workspace .showcase-launch-art>i svg{width:14px;height:14px}

/* Two independent lanes keep the catalog preview alive. */
#ff-workspace .showcase-explore-window{mask-image:linear-gradient(transparent,#000 11%,#000 87%,transparent)}
#ff-workspace .showcase-columns{display:flex;gap:12px;justify-content:center;align-items:flex-start;position:absolute;inset:0 22px}
#ff-workspace .showcase-card-column{width:138px;max-width:45%;height:max-content;display:flex;flex-direction:column;animation:showcase-lane 29s linear infinite;will-change:transform}
#ff-workspace .showcase-card-column+span{animation-direction:reverse;animation-duration:35s}
#ff-workspace .showcase-column-group{display:flex;flex-direction:column;gap:12px;padding-bottom:12px;flex-shrink:0}
#ff-workspace .showcase-mini-card{display:block;padding:6px 6px 9px;border:1px solid #303030;background:#1b1b1b;border-radius:10px}
#ff-workspace .showcase-mini-art{display:block;position:relative}
#ff-workspace .showcase-mini-art>img{width:100%;aspect-ratio:1;height:auto;border-radius:6px}
#ff-workspace .showcase-mini-art>i{display:grid;place-items:center;position:absolute;top:5px;left:5px;width:21px;height:21px;border-radius:50%;background:#141414d9;border:1px solid #ffffff26}
#ff-workspace .showcase-mini-art>i svg{width:13px;height:13px}
#ff-workspace .showcase-mini-name{display:block;font-size:10px;color:#ddd;margin:8px 3px 0;white-space:nowrap}
#ff-workspace .showcase-mini-cap{display:flex;align-items:baseline;gap:5px;font-size:12px;font-weight:500;color:#eee;margin:4px 3px 0}
#ff-workspace .showcase-mini-cap>small{font-size:8px;color:#777;font-weight:400}

#ff-workspace .showcase-payments-window{mask-image:linear-gradient(transparent,#000 9%,#000 87%,transparent)}
#ff-workspace .showcase-allocation-track{position:absolute;top:8px;left:21px;right:21px;display:flex;flex-direction:column;animation:showcase-lane 21s linear infinite;will-change:transform}
#ff-workspace .showcase-allocation-group{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}
#ff-workspace .showcase-allocation-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:14px 15px;border:1px solid #292929;border-radius:9px;background:#0d0d0d}
#ff-workspace .showcase-allocation-value{font-size:24px;line-height:1.15;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:#eee}
#ff-workspace .showcase-allocation-value small{display:block;font-size:8px;color:#777;letter-spacing:0;margin-top:5px}
#ff-workspace .showcase-allocation-route{display:flex;align-items:center;gap:12px;grid-row:1/3;grid-column:2}
#ff-workspace .showcase-pay-token img{width:35px;height:35px;border-radius:7px}
#ff-workspace .showcase-pay-arrow{font-size:17px;color:#646464}
#ff-workspace .showcase-pay-person{display:block;position:relative}
#ff-workspace .showcase-pay-person>img{width:35px;height:35px;border-radius:50%}
#ff-workspace .showcase-pay-person>.social-mark{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;padding:2px;border-radius:50%;background:#111}
#ff-workspace .showcase-pay-name{font-size:11px;color:#b2b2b2;margin-top:4px}

#ff-workspace .showcase-analytics .showcase-visual{padding:23px 23px 0}
#ff-workspace .showcase-metric-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#888}
#ff-workspace .showcase-metric-label small{font-size:9px;color:#676767}
#ff-workspace .showcase-metric{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-size:42px;font-variant-numeric:tabular-nums;letter-spacing:-1.6px;font-weight:400;line-height:1.2;color:#eee}
#ff-workspace .showcase-metric small{font-size:12px;letter-spacing:0;color:#7f7f7f}
#ff-workspace .showcase-metric-note{display:block;font-size:9px;color:#6c6c6c;margin-top:7px}
#ff-workspace .showcase-chart{display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:85px;overflow:visible}
#ff-workspace .showcase-chart-stroke{stroke-dasharray:1;stroke-dashoffset:0;animation:showcase-chart-draw 9s cubic-bezier(.22,1,.36,1) infinite}
#ff-workspace .showcase-chart-area{animation:showcase-chart-area 9s ease infinite}

#ff-workspace .showcase-card[data-running=false] *{animation-play-state:paused!important}
@keyframes showcase-scene{0%,27%{opacity:1;transform:translateY(0)}32%,97%{opacity:0;transform:translateY(-7px)}100%{opacity:1;transform:translateY(0)}}
@keyframes showcase-type{0%,7%{max-width:0}30%,88%{max-width:140px}100%{max-width:0}}
@keyframes showcase-caret{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes showcase-result{0%,16%{opacity:.25;transform:translateY(5px)}33%,88%{opacity:1;transform:translateY(0)}100%{opacity:.25;transform:translateY(5px)}}
@keyframes showcase-art{0%,25%{opacity:0;transform:translate(9px,15px) rotate(4deg)}43%,86%{opacity:1;transform:translate(0,0) rotate(4deg)}100%{opacity:0;transform:translate(9px,15px) rotate(4deg)}}
@keyframes showcase-lane{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes showcase-chart-draw{0%{stroke-dashoffset:1;opacity:.4}35%,87%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes showcase-chart-area{0%,8%{opacity:0}40%,87%{opacity:1}100%{opacity:0}}

@media(min-width:1250px){#ff-workspace .showcase-card{height:295px}#ff-workspace .showcase-search-sheet{left:9%;top:29px}#ff-workspace .showcase-launch-art{right:12%;top:78px;width:122px}#ff-workspace .showcase-launch-art>img{height:97px}#ff-workspace .showcase-columns{gap:17px}#ff-workspace .showcase-card-column{width:154px}#ff-workspace .showcase-allocation-track{left:24px;right:24px}#ff-workspace .showcase-allocation-row{padding:14px 19px}}
@media(max-width:950px){#ff-workspace .showcase-footer small{display:none}#ff-workspace .showcase-search-sheet{left:6%;width:79%;padding:12px}#ff-workspace .showcase-launch-art{width:96px;right:5%;top:100px}#ff-workspace .showcase-launch-art>img{height:69px}#ff-workspace .showcase-sheet-note{max-width:90px;line-height:1.4}#ff-workspace .showcase-allocation-track{left:12px;right:12px}#ff-workspace .showcase-allocation-row{padding:12px}#ff-workspace .showcase-allocation-route{gap:8px}#ff-workspace .showcase-allocation-value{font-size:22px}#ff-workspace .showcase-pay-token img,#ff-workspace .showcase-pay-person>img{width:29px;height:29px}#ff-workspace .showcase-metric{font-size:36px}}
@media(max-width:600px){#ff-workspace .showcase-grid{grid-template-columns:1fr;gap:12px}#ff-workspace .showcase-card{height:268px}#ff-workspace .showcase-heading-note{display:none}#ff-workspace .showcase-footer{padding:16px 20px}#ff-workspace .showcase-footer small{display:block}#ff-workspace .showcase-search-sheet{left:8%;top:24px;width:74%;max-width:245px;padding:14px}#ff-workspace .showcase-launch-art{width:108px;right:8%;top:80px}#ff-workspace .showcase-launch-art>img{height:82px}#ff-workspace .showcase-sheet-note{max-width:none}#ff-workspace .showcase-allocation-track{left:20px;right:20px}#ff-workspace .showcase-allocation-row{padding:13px 16px}#ff-workspace .showcase-allocation-route{gap:13px}#ff-workspace .showcase-pay-token img,#ff-workspace .showcase-pay-person>img{width:34px;height:34px}#ff-workspace .showcase-analytics .showcase-visual{padding-top:23px}#ff-workspace .showcase-metric{font-size:42px}#ff-workspace .showcase-disclosure{font-size:8px}}
@media(prefers-reduced-motion:reduce){#ff-workspace .showcase-card,#ff-workspace .showcase-card *{animation:none!important;transition:none!important}#ff-workspace .showcase-launch-scene{opacity:0}#ff-workspace .showcase-launch-scene:first-child{opacity:1}#ff-workspace .showcase-launch-art{transform:rotate(4deg)}#ff-workspace .showcase-card-column+span{transform:translateY(-100px)}#ff-workspace .showcase-chart-stroke{stroke-dashoffset:0}}

@media(min-width:1250px){
  #ff-workspace .showcase-search-sheet{left:8%;width:70%;max-width:340px;padding:19px}
  #ff-workspace .showcase-sheet-title{font-size:11px}
  #ff-workspace .showcase-profile-result strong{font-size:12px}
  #ff-workspace .showcase-launch-art{right:10%;top:80px;width:137px}
  #ff-workspace .showcase-launch-art>img{height:111px}
  #ff-workspace .showcase-card-column{width:180px}
  #ff-workspace .showcase-columns{gap:17px;transform:rotate(-3deg) scale(1.03)}
  #ff-workspace .showcase-allocation-value{font-size:28px}
  #ff-workspace .showcase-allocation-value small{font-size:9px}
  #ff-workspace .showcase-allocation-route{gap:18px}
  #ff-workspace .showcase-pay-token img,#ff-workspace .showcase-pay-person>img{width:40px;height:40px}
}