/* A017: scoped installation presentation; Inter license accompanies install/. */
@font-face{font-family:TagstampInstall;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:TagstampInstall;src:url(fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
.ts-install{font-family:TagstampInstall,Inter,sans-serif;color:#292536}
.ts-install__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 24px;border:1px solid #343148;border-radius:14px;background:#343148;color:#fff;font:600 16px/1.4 TagstampInstall,Inter,sans-serif;box-shadow:0 5px 16px #43434326;cursor:pointer}
.ts-install__cta:hover{background:#292538;border-color:#292538}
.ts-install__cta svg{width:22px;height:22px;flex:none}
.ts-install__sub{margin:9px 0 0;font:400 13px/1.5 TagstampInstall,Inter,sans-serif;color:#565656}
.ts-install__cta:focus-visible,.ts-install-dialog button:focus-visible{outline:3px solid #292536;outline-offset:4px}
.ts-install-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:22px;border:1px solid #d7d7d7;border-radius:24px;background:#fff;color:#292536;box-shadow:0 24px 100px #14141440;font:400 15px/1.5 TagstampInstall,Inter,sans-serif;overscroll-behavior:contain}
.ts-install-dialog::backdrop{background:#1a1a1a66;backdrop-filter:blur(10px)}
.ts-install-dialog [hidden]{display:none!important}
.ts-install-dialog *{box-sizing:border-box}
.ts-install-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.ts-install-dialog h2{margin:0;font:600 22px/1.2 TagstampInstall,Inter,sans-serif;letter-spacing:-.03em}
.ts-install-dialog button{min-height:48px;min-width:48px;border:1px solid #d3d3d3;border-radius:12px;background:#fff;color:#363040;cursor:pointer;font:600 14px/1.4 TagstampInstall,Inter,sans-serif;padding:10px 14px}
.ts-install-dialog__close{flex:none;font-size:22px!important}
.ts-install-dialog__switch{display:flex;gap:8px;margin:0 0 12px}
.ts-install-dialog__switch button{flex:1}
.ts-install-dialog__switch button[aria-pressed=true]{background:#efefef;border-color:#343148;color:#292538}
.ts-install-dialog figure{margin:0}
.ts-install-dialog__guide{display:block;width:100%;height:auto;border-radius:16px;background:#f6f6f6}
.ts-install-dialog__note{font-size:12px;line-height:1.5;color:#5d5d5d;margin:12px 0 0}
.ts-install-dialog__qr{width:min(232px,100%);aspect-ratio:1;margin:22px auto;padding:20px;border:2px solid #343148;border-radius:20px;background:#fff;display:grid;place-items:center;text-align:center;color:#5d5d5d}
.ts-install-dialog__qr img,.ts-install-dialog__qr svg,.ts-install-dialog__qr canvas{display:block;max-width:100%;height:auto;border-radius:0}
.ts-install-dialog__qr-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px dashed #b3b3b3;font-size:13px;line-height:1.6}
.ts-install-dialog__demo{padding:10px 12px;border-radius:10px;background:#f1f1f1;font-size:12px;color:#565656;margin:14px 0 0}
.ts-install-dialog__preview{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.ts-install-dialog__preview button{font-size:12px;flex:1}
@media(max-width:360px){.ts-install-dialog{padding:16px}.ts-install-dialog h2{font-size:20px}.ts-install__sub{font-size:12px}}
@media(prefers-reduced-transparency:reduce){.ts-install-dialog::backdrop{backdrop-filter:none;background:#1a1a1abf}}
