.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 *,.qr-code-share-card :after,.qr-code-share-card :before{box-sizing:inherit}.qr-code-share-card>.card{overflow:hidden;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 .25em 2em .25em rgba(0,0,0,.5);font-size:var(--font-size)}.qr-code-share-card>.card+.copylinktrigger{margin-top:.33333333em}.qr-code-share-card>.copylinktrigger{box-sizing:border-box;border:0;border-radius:0;background:transparent;background-clip:border-box;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;margin:0 auto;padding:1em;color:var(--copylink-color);font-size:1rem;line-height:1.25em;transition:color var(--timing-duration-out) var(--timing-function-ease-out-expo)}.qr-code-share-card>.copylinktrigger:not(:disabled):focus,.qr-code-share-card>.copylinktrigger:not(:disabled):hover{text-decoration:inherit}.mobile .qr-code-share-card>.copylinktrigger{font-size:1.08333333rem}.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{display:block;max-width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qr-code-share-card .summary{padding:var(--qr-code-gutter);padding-top:0}.qr-code-share-card .person{display:grid;grid-template-areas:"avatar displayname" "avatar username";grid-template-columns:12.5% auto;-moz-column-gap:.66666667em;column-gap:.66666667em}.qr-code-share-card .person .avatar{float:none;margin-right:0;grid-area:avatar;align-self:flex-start;width:100%;height:auto;border-radius:50%;overflow:hidden}.qr-code-share-card .person .avatar img{width:100%;height:auto;border-radius:0}.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{grid-area:displayname;align-self:end;font-family:var(--font-stack-graphik);font-weight:700;color:var(--displayname-color);font-size:1.5em;line-height:1.125;letter-spacing:-.0175em}.qr-code-share-card .person .displayname .inlinetail{white-space:nowrap;line-height:0}.qr-code-share-card .person .displayname .badge{position:relative;top:-.5em;margin-left:0;padding:.5em .66666667em .375em;font-size:40%;line-height:1;letter-spacing:.05em}.qr-code-share-card .person .username{grid-area:username;font-size:1em;line-height:1.25;color:var(--username-color)}@media (hover: hover) and (pointer: fine){.qr-code-share-card .person:-moz-any-link:hover .displayname{color:var(--displayname-interaction-color)}.qr-code-share-card .person:any-link:hover .displayname{color:var(--displayname-interaction-color)}.qr-code-share-card .person:-moz-any-link:hover .displayname>.label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.125em}.qr-code-share-card .person:any-link:hover .displayname>.label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.125em}}body.standalone-qr-code-share{display:grid;align-items:center;justify-items:center;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);min-width:320px}body.standalone-qr-code-share .qr-code-share-card{--qr-code-dimension: 384px;--font-size: 10px;--width: 300px ;max-width:var(--qr-code-dimension);width:var(--width)}@media (min-width: 320px) and (max-width: 557.71428571px){body.standalone-qr-code-share .qr-code-share-card{--progress: calc((100vw - 320px) / 237.71428571);--font-size: calc(10px + (14 - 10) * var(--progress));--width: calc(300px + 84 * var(--progress))}}@media (min-width: 557.71428571px){body.standalone-qr-code-share .qr-code-share-card{--font-size: 14px;--width: 384px}}