.tooltiptext{visibility:hidden;width:150px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-75px;opacity:0;transition:opacity .3s}.tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.link-qrcode:hover .tooltiptext{visibility:visible;opacity:1}.link-qrcode{cursor:copy;position:relative}.link-qrcode .txt-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}.link-qrcode:after{position:absolute;content:"";font: 14px/1 FontAwesome;top:-3px;background:#ededed;padding:4px;border-radius:3px}.qrcode{border-radius:8px;margin-bottom:2rem}@media screen and (min-width: 769px),print{.qrcode{background:#fff;align-items:center;padding:3rem 0 5rem}.qrcode h1{font-size:2rem}.qrcode-info{margin-left:2rem}.qrcode-info div{margin-top:1rem}.qrcode-info .note{max-width:40rem}.link-qrcode .txt-link{width:480px}.link-qrcode:after{right:-21px}}@media screen and (max-width: 768px){.qrcode{background:var(--col-bg2);padding:1rem .5rem}.qrcode h1{font-size:1.6rem}.qrcode a{display:block;text-align:center}.qrcode a img{max-width:100%}.qrcode-info{margin-top:1.5rem}.qrcode-info div{margin-top:1rem}.link-qrcode .txt-link{width:60vw}}