@import url('/pop-art-motion-v2.css');
@import url('/rewards-card-update-v1.css');
/* Shared blue-site illustration sizing and placement. Motion lives in v2. */
.syn-pop-card{position:relative;isolation:isolate}
.syn-pop-figure{display:block;position:relative;flex-shrink:0;width:112px;height:112px;perspective:650px;pointer-events:none}
.syn-pop-figure>img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;user-select:none}
/* Hub: upper-right cutouts leave the standing links and weekly controls full width. */
.personal-hub .hub-stat-card.syn-pop-card>.syn-pop-figure{position:absolute;right:17px;top:17px;width:116px;height:116px}
.personal-hub .hub-stat-card.syn-pop-card>.hub-stat-label{min-height:34px;padding-right:116px;line-height:1.45}
.personal-hub .hub-stat-card.syn-pop-card>.hub-stat-value{padding-right:112px;overflow-wrap:anywhere;min-height:48px}
.personal-hub .hub-weekly.syn-pop-card>.hub-stat-value{min-height:68px;max-width:none}
.personal-hub .hub-weighted.syn-pop-card::after,.personal-hub .hub-exclusive.syn-pop-card::after{display:none}
.personal-hub .hub-pop-brand{position:absolute;top:12px;right:22px;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}
.personal-hub .hub-pop-brand>.syn-pop-figure{width:134px;height:134px}
.personal-hub .hub-pop-brand>img{width:65px;height:34px;object-fit:contain;opacity:.8;margin-top:-8px}
.personal-hub .hub-welcome.syn-pop-card .hub-welcome-identity{padding-right:150px}
.personal-hub .syn-pop-heading{width:66px;height:66px}
.personal-hub .hub-empty-bonus>.syn-pop-empty{width:86px;height:86px}
/* Rewards: replace line icons with matched illustrations inside the existing card structure. */
.stake-overview .syn-pop-reward>div:first-child{position:relative;min-height:104px;align-items:flex-start;justify-content:flex-end}
.stake-overview .syn-pop-reward>div:first-child>.syn-pop-figure{position:absolute;left:-8px;top:-16px;width:142px;height:142px}
.stake-overview .syn-pop-reward>div:first-child>svg{position:relative;margin-left:auto;z-index:1}
.stake-overview .syn-pop-reward>a{position:relative}
.stake-overview .rewards-overview-cards>.syn-pop-reward>p:first-of-type{margin-top:10px}
.stake-overview .syn-pop-detail>.syn-pop-figure{position:absolute;right:20px;top:12px;width:116px;height:116px}
.stake-overview .syn-pop-detail>h2{padding-right:100px;min-height:72px;display:flex;align-items:center;margin-top:0}
.stake-overview .syn-pop-detail>p{position:relative}
@media(max-width:1000px) and (min-width:641px){.personal-hub .hub-stat-card.syn-pop-card>.syn-pop-figure{width:92px;height:92px;right:12px}.personal-hub .hub-stat-card.syn-pop-card>.hub-stat-label{padding-right:82px}.personal-hub .hub-stat-card.syn-pop-card>.hub-stat-value{padding-right:80px;font-size:34px}.personal-hub .hub-weekly.syn-pop-card>.hub-stat-value{font-size:24px}.personal-hub .hub-tips.syn-pop-card>.hub-stat-value{font-size:36px}}
@media(max-width:640px){.personal-hub .hub-pop-brand{top:10px;right:15px}.personal-hub .hub-pop-brand>.syn-pop-figure{width:66px;height:66px}.personal-hub .hub-pop-brand>img{display:none}.personal-hub .hub-welcome.syn-pop-card .hub-welcome-identity{padding-right:0}.personal-hub .hub-welcome.syn-pop-card>p:first-of-type{padding-right:65px}.personal-hub .hub-stat-card.syn-pop-card>.syn-pop-figure{width:100px;height:100px;right:14px;top:12px}.personal-hub .hub-stat-card.syn-pop-card>.hub-stat-label{padding-right:98px;min-height:34px}.personal-hub .hub-stat-card.syn-pop-card>.hub-stat-value{padding-right:94px;font-size:34px}.personal-hub .hub-tips.syn-pop-card>.hub-stat-value{font-size:36px}.personal-hub .hub-weekly.syn-pop-card>.hub-stat-value{font-size:23px}.personal-hub .syn-pop-heading{width:52px;height:52px}.personal-hub .hub-empty-bonus>.syn-pop-empty{width:66px;height:66px}.stake-overview .syn-pop-reward>div:first-child{min-height:90px}.stake-overview .syn-pop-reward>div:first-child>.syn-pop-figure{width:124px;height:124px}.stake-overview .syn-pop-detail>.syn-pop-figure{width:100px;height:100px;right:12px;top:8px}.stake-overview .syn-pop-detail>h2{padding-right:88px;font-size:22px;min-height:65px}}
/* Keep inherited icon-box rules off the larger transparent illustrations. */
.syn-admin-theme .syn-rewards-pages .stake-overview .syn-pop-reward>div:first-child>.syn-pop-figure{background:none!important;border:0!important;padding:0;border-radius:0}
.syn-admin-theme .syn-rewards-pages .stake-overview .syn-pop-target>.syn-target-arrow{width:72%;height:45%}
.personal-hub #claimed-bonuses>div:first-child>.syn-pop-heading{background:none!important;border:0!important;padding:0}