.wallet-demo.wallet-photo-demo{min-height:680px;margin:0;padding:42px 20px 74px;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#dcd9ff80 0,transparent 65%)}
.wallet-photo-label{position:absolute;top:0;left:0;right:0;text-align:center;color:#4f46f5;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.wallet-photo-device{position:relative;width:306px;max-width:100%;height:564px;padding:7px;border-radius:45px;background:linear-gradient(115deg,#c9cbd5,#fcfcff 22%,#9ba0b0 65%,#e9eaf1);box-shadow:0 0 0 1px #b2b5c3,0 32px 65px #19133429,8px 12px 16px #1b163910;transform:rotate(-2deg)}
.wallet-photo-device:before,.wallet-photo-device:after{content:"";position:absolute;left:-3px;top:110px;width:3px;height:37px;background:#9b9dac;border-radius:3px 0 0 3px}
.wallet-photo-device:after{top:158px;height:58px}
.wallet-photo-screen{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;border:3px solid #19191e;border-radius:39px;background:#49392e}
.wallet-photo-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:53% 44%;z-index:-2}
.wallet-photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#18142680 0%,#17102105 34%,#160f2500 47%,#130e2566 100%)}
.wallet-photo-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:20px;width:76px;border-radius:20px;background:#101014;box-shadow:inset 0 1px 1px #000}
.wallet-photo-lock{position:absolute;top:48px;left:15px;right:15px;color:#fff;text-align:center;text-shadow:0 2px 10px #1c151c50}
.wallet-photo-lock>svg{width:18px;height:18px;margin:0 auto 7px;stroke:currentColor;stroke-width:2}
.wallet-photo-lock>span{display:block;font-size:12px;font-weight:600;line-height:1.4}
.wallet-photo-lock>strong{display:block;font-size:68px;line-height:1.05;font-weight:600;letter-spacing:-4px;margin-top:4px}
.wallet-photo-notification{position:absolute;left:12px;right:12px;bottom:194px;padding:13px 14px 14px;border:1px solid #ffffffc9;border-radius:18px;background:#faf9ffed;color:#22212b;box-shadow:0 8px 30px #21143822;backdrop-filter:blur(18px)}
.wallet-photo-notification-head{display:flex;gap:7px;align-items:center;margin-bottom:9px;line-height:1}
.wallet-photo-notification-head>b{font-size:9px;letter-spacing:.06em;font-weight:800;color:#575264}
.wallet-photo-notification-head>span:last-child{font-size:9px;color:#706b7c;margin-left:auto}
.wallet-photo-app{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:#4f46f5;color:#fff}
.wallet-photo-app svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wallet-photo-notification>strong{font-size:13px;line-height:1.35;font-weight:800;letter-spacing:-.01em;display:block}
.wallet-photo-notification>p{font-size:11px;line-height:1.5;margin:5px 0 0;color:#575264}
.wallet-photo-pass{position:absolute;left:12px;right:12px;bottom:26px;height:157px;border:1px solid #b1a8ff80;border-radius:16px;padding:15px 17px;background:linear-gradient(135deg,#5549ee,#3e2ab5);box-shadow:0 8px 24px #16112d3d;color:white;text-align:left}
.wallet-photo-pass-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;line-height:1}
.wallet-photo-pass-head>b{font-size:19px;letter-spacing:.08em}
.wallet-photo-pass-head>span{font-size:7px;letter-spacing:.08em;font-weight:700;opacity:.88}
.wallet-photo-pass-kicker{display:block;font-size:7px;letter-spacing:.13em;font-weight:700;opacity:.74}
.wallet-photo-pass>strong{display:block;font-size:23px;line-height:1.08;font-weight:750;letter-spacing:-.035em;margin:4px 0 12px}
.wallet-photo-stamps{display:flex;gap:5px;align-items:center}
.wallet-photo-stamps i{display:block;flex:none;width:12px;height:12px;border:1px solid #ffffffc9;border-radius:50%;background:#fff}
.wallet-photo-stamps i.empty{background:transparent;opacity:.45}
.wallet-photo-stamps>span{font-size:8px;line-height:1.25;letter-spacing:0;margin-left:4px;opacity:.92}
.wallet-photo-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);height:4px;width:94px;border-radius:8px;background:#fff;opacity:.92}
.wallet-photo-caption{position:absolute;bottom:6px;left:0;right:0;max-width:365px;margin:auto;text-align:center;font-size:.7rem;line-height:1.65;color:#656977;padding:0 8px}
@media(max-width:760px){.wallet-demo.wallet-photo-demo{min-height:655px;padding:38px 15px 65px}.wallet-photo-device{width:292px;height:545px;transform:rotate(-1deg)}.wallet-photo-caption{font-size:.68rem;bottom:0}.wallet-photo-lock>strong{font-size:65px}.wallet-photo-notification{bottom:193px}.wallet-photo-pass{height:157px}.wallet-photo-pass>strong{font-size:22px}}
@media(max-width:360px){.wallet-demo.wallet-photo-demo{padding-left:2px;padding-right:2px}.wallet-photo-device{width:276px}.wallet-photo-notification{padding-left:12px;padding-right:12px}.wallet-photo-notification>strong{font-size:12px}.wallet-photo-pass-head>span{font-size:6.5px}.wallet-photo-stamps>span{font-size:7.5px}}