.qr-code-share-card{--displayname-color:#456;--displayname-interaction-color:#345;--username-color:#789;--copylink-color:#abc;--copylink-interaction-color:#fff;--qr-code-dimension:256px;--qr-code-gutter:10%;--font-size:16px;--border-radius:var(--panel-border-radius-large);box-sizing:border-box}.qr-code-share-card>.card{border-radius:var(--border-radius);font-size:var(--font-size);background-color:#fff;overflow:hidden;box-shadow:0 .25em 2em .25em #00000080}.qr-code-share-card>.card+.copylinktrigger{margin-top:.333333em}.qr-code-share-card>.copylinktrigger{box-sizing:border-box;appearance:none;cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--copylink-color);transition:color var(--timing-duration-out) var(--timing-function-ease-out-expo);background:0 0;border:0;border-radius:0;margin:0 auto;padding:1em;font-family:inherit;font-size:.8125rem;line-height:1.25em;text-decoration:none;display:flex}.qr-code-share-card>.copylinktrigger:not(:disabled):focus{-webkit-text-decoration-style:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit}@media (hover:hover) and (pointer:fine){.qr-code-share-card>.copylinktrigger:not(:disabled):hover{-webkit-text-decoration-style:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit}}.qr-code-share-card>.copylinktrigger:not(:disabled):active{-webkit-text-decoration-style:inherit;-webkit-text-decoration-style:inherit;text-decoration-style:inherit}.qr-code-share-card>.copylinktrigger:not(:disabled){cursor:pointer}@media (hover:hover) and (pointer:fine){.qr-code-share-card>.copylinktrigger:hover{color:var(--copylink-interaction-color);transition-duration:var(--timing-duration-in)}}.qr-code-share-card>.copylinktrigger:focus{color:var(--copylink-interaction-color);transition-duration:var(--timing-duration-in)}.qr-code-share-card>.copylinktrigger:active{color:var(--copylink-interaction-color);transition-duration:0s}.qr-code-share-card .qrcode{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.qr-code-share-card .summary{padding:var(--qr-code-gutter);padding-top:0}.qr-code-share-card .person{grid-template-columns:12.5% auto;grid-template-areas:"avatar displayname""avatar username";column-gap:.666667em;display:grid}.qr-code-share-card .person .avatar{float:none;border-radius:50%;grid-area:avatar;align-self:flex-start;width:100%;height:auto;margin-right:0;overflow:hidden}.qr-code-share-card .person .avatar img{border-radius:0;width:100%;height:auto}.qr-code-share-card .person .avatar:after{display:none}.qr-code-share-card .person .displayname,.qr-code-share-card .person .username{margin:0}.qr-code-share-card .person .displayname{font-family:var(--font-stack-graphik);color:var(--displayname-color);letter-spacing:-.0175em;grid-area:displayname;align-self:end;font-size:1.5em;font-weight:700;line-height:1.125}.qr-code-share-card .person .displayname .badge{letter-spacing:.05em;margin-left:0;padding:.5em .666667em .375em;font-size:40%;line-height:1;position:relative;top:-.5em}.qr-code-share-card .person .username{color:var(--username-color);grid-area:username;font-size:1em;line-height:1.25}@media (hover:hover) and (pointer:fine){.qr-code-share-card .person:any-link:hover .displayname{color:var(--displayname-interaction-color)}.qr-code-share-card .person:any-link:hover .displayname>.label{text-underline-offset:.125em;text-decoration:underline;text-decoration-thickness:1px}}body.standalone-qr-code-share{padding-top:var(--viewport-safe-area-inset-top);padding-right:var(--viewport-safe-area-inset-right);padding-bottom:var(--viewport-safe-area-inset-bottom);padding-left:var(--viewport-safe-area-inset-left);place-items:center;min-width:320px;display:grid}body.standalone-qr-code-share .qr-code-share-card{--qr-code-dimension:384px;--font-size:10px;--width:calc(320px * .9375);max-width:var(--qr-code-dimension);width:var(--width)}@media (min-width:320px) and (max-width:557.714px){body.standalone-qr-code-share .qr-code-share-card{--progress:calc((100vw - 320px) / 237.714);--font-size:calc(10px + (14 - 10) * var(--progress));--width:calc(300px + 84 * var(--progress))}}@media (min-width:557.714px){body.standalone-qr-code-share .qr-code-share-card{--font-size:14px;--width:384px}}