.yp-design #client-install{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom));color:#f6f5ef;box-sizing:border-box;background:#000;font-family:Arial,sans-serif}.yp-design #client-install .client-install-card{box-sizing:border-box;background:linear-gradient(150deg,#101719,#080c0c);border:1px solid #655633;border-radius:22px;width:min(100%,520px);margin-inline:auto;padding:20px}.yp-design #client-install .client-install-logo,.yp-design #client-install .client-install-success{margin-inline:auto;display:block}.yp-design #client-install .client-install-logo{object-fit:contain;border-radius:14px}.yp-design #client-install .client-install-success{text-align:center;color:#66d59b;border:2px solid #40bc83;border-radius:50%;width:28px;height:28px;margin-top:12px;font:700 21px/28px Arial,sans-serif}.yp-design #client-install .client-install-card h1{text-align:center;margin:14px 0 8px;font-size:clamp(25px,7vw,32px);line-height:1.2}.yp-design #client-install .client-install-card>p{text-align:center;line-height:1.5}.yp-design #client-install .client-install-card h2{text-align:center;margin:22px 0 16px;font-size:23px}.yp-design #client-install .client-install-platform{gap:4px;margin:20px 0 14px;display:flex}.yp-design #client-install .client-install-platform button{color:#f6f5ef;cursor:pointer;background:#151b1e;border:1px solid #727578;border-radius:9px;flex:1;min-height:44px;font:700 16px Arial,sans-serif}.yp-design #client-install .client-install-platform button[aria-pressed=true]{color:#151515;background:#d2b568;border-color:#d2b568}.yp-design #client-install .client-install-address{text-align:center;background:#1c2326;border-radius:12px;gap:10px;padding:14px;display:grid}.yp-design #client-install .client-install-address bdi{overflow-wrap:anywhere;font-size:14px}.yp-design #client-install .client-install-address button,.yp-design #client-install .client-install-primary{color:#151515;cursor:pointer;background:#d2b568;border:1px solid #d2b568;border-radius:9px;min-height:44px;padding:8px 16px;font:700 16px Arial,sans-serif}.yp-design #client-install .client-install-primary{width:100%;margin-top:20px}.yp-design #client-install .client-install-primary:disabled{opacity:.65;cursor:wait}.yp-design #client-install .client-install-browser{border:1px solid #d2b568;border-radius:9px;padding:12px}.yp-design #client-install .client-install-visual-steps{counter-reset:install;gap:22px;margin:0;padding:0;list-style:none;display:grid}.yp-design #client-install .client-install-visual-steps li{counter-increment:install;min-width:0;padding-inline-start:34px;position:relative}.yp-design #client-install .client-install-visual-steps li:before{content:counter(install);inset-inline-start:0;color:#151515;text-align:center;background:#d2b568;border-radius:50%;width:26px;height:26px;font:700 18px/26px Arial,sans-serif;position:absolute;top:0}.yp-design #client-install .client-install-visual-steps li>b{margin:0 0 10px;font-size:17px;line-height:1.4;display:block}.yp-design #client-install .client-install-visual-steps p{color:#cbd0d3;margin:8px 0 0;font-size:15px;line-height:1.5}.yp-design #client-install .client-install-illustration{color:#fff;box-sizing:border-box;direction:ltr;background:#293035;border:1px solid #63686b;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:10px;display:flex}.yp-design #client-install .client-install-illustration bdi{overflow-wrap:anywhere;text-align:center;flex:1;min-width:0;font-size:14px}.yp-design #client-install .client-install-illustration svg{width:26px;height:26px}.yp-design #client-install .client-install-illustration .highlight{color:#8fcbff;border:2px solid #e0bd63;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:28px;display:grid}.yp-design #client-install .client-install-illustration.is-menu{direction:rtl;gap:0;padding:0;display:grid}.yp-design #client-install .client-install-illustration.is-menu>*{padding:12px;font-size:15px}.yp-design #client-install .client-install-illustration.is-menu strong{border:2px solid #e0bd63;border-radius:10px}.yp-design #client-install .client-install-app-example{color:#151515;background:#e9e9eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.yp-design #client-install .client-install-app-example img{object-fit:contain;border-radius:9px}.yp-design #client-install .client-install-app-example strong{color:#0057a6;margin-inline-start:auto}.yp-design #client-install .client-install-card footer{color:#e6c677;align-items:center;gap:14px;margin-top:26px;font-size:22px;line-height:1.3;display:flex}.yp-design #client-install .client-install-card footer img{object-fit:contain;border-radius:12px}.yp-design #client-install .client-install-note{color:#cbd0d3;font-size:14px}.yp-design #client-install .client-install-message{color:#f0d89c;overflow-wrap:anywhere}.yp-design #client-install .client-install-message:empty{display:none}.yp-design #client-install .client-install-sources{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.yp-design #client-install .client-install-sources a{color:#c7dcff;align-items:center;min-height:44px;display:inline-flex}.yp-design #client-install .client-install-card :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #e6c677}@media (max-width:360px){.yp-design #client-install .client-install-card{padding:16px 12px}.yp-design #client-install .client-install-visual-steps li{padding-inline-start:30px}}
