.dipi_qr_code{--dipi-qr-code-frame-color: #000;width:100%}.dipi_qr_code .dipi-qr-code__frame{position:relative;display:flex;flex-direction:column}.dipi_qr_code .dipi-qr-code__code{position:relative;padding:16px;background-color:#fff}.dipi_qr_code .dipi-qr-code__canvas{position:relative;width:100%;aspect-ratio:1/1}.dipi_qr_code .dipi-qr-code__layer{position:absolute;inset:0;overflow:hidden;background-color:#000;visibility:hidden;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dipi_qr_code .dipi-qr-code__layer--body{-webkit-mask-image:var(--dipi-qr-code-mask-body);mask-image:var(--dipi-qr-code-mask-body)}.dipi_qr_code .dipi-qr-code__layer--outer-eye{-webkit-mask-image:var(--dipi-qr-code-mask-outer-eye);mask-image:var(--dipi-qr-code-mask-outer-eye)}.dipi_qr_code .dipi-qr-code__layer--inner-eye{-webkit-mask-image:var(--dipi-qr-code-mask-inner-eye);mask-image:var(--dipi-qr-code-mask-inner-eye)}.dipi_qr_code .dipi-qr-code__logo{position:absolute;top:50%;left:50%;width:var(--dipi-qr-code-logo-size, 20%);height:auto;max-width:none;transform:translate(-50%, -50%);visibility:hidden}.dipi_qr_code .dipi-qr-code__canvas--ready .dipi-qr-code__layer,.dipi_qr_code .dipi-qr-code__canvas--ready .dipi-qr-code__logo{visibility:visible}.dipi_qr_code .dipi-qr-code__text{padding:.4em .5em .3em;color:#fff;font-size:1.6em;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}.dipi_qr_code .dipi-qr-code__frame--border,.dipi_qr_code .dipi-qr-code__frame--rounded,.dipi_qr_code .dipi-qr-code__frame--label-bottom,.dipi_qr_code .dipi-qr-code__frame--label-top{padding:3.5%;background-color:var(--dipi-qr-code-frame-color)}.dipi_qr_code .dipi-qr-code__frame--rounded,.dipi_qr_code .dipi-qr-code__frame--label-bottom,.dipi_qr_code .dipi-qr-code__frame--label-top{border-radius:16px}.dipi_qr_code .dipi-qr-code__frame--rounded .dipi-qr-code__code,.dipi_qr_code .dipi-qr-code__frame--label-bottom .dipi-qr-code__code,.dipi_qr_code .dipi-qr-code__frame--label-top .dipi-qr-code__code{border-radius:8px}.dipi_qr_code .dipi-qr-code__frame--label-bottom .dipi-qr-code__text{padding-bottom:0}.dipi_qr_code .dipi-qr-code__frame--label-top .dipi-qr-code__text,.dipi_qr_code .dipi-qr-code__frame--bubble-top .dipi-qr-code__text{order:-1}.dipi_qr_code .dipi-qr-code__frame--label-top .dipi-qr-code__text{padding-top:0}.dipi_qr_code .dipi-qr-code__frame--corners{padding:5%;--dipi-qr-code-corner: linear-gradient(var(--dipi-qr-code-frame-color), var(--dipi-qr-code-frame-color));background:var(--dipi-qr-code-corner) left top/22% 3% no-repeat,var(--dipi-qr-code-corner) left top/3% 22% no-repeat,var(--dipi-qr-code-corner) right top/22% 3% no-repeat,var(--dipi-qr-code-corner) right top/3% 22% no-repeat,var(--dipi-qr-code-corner) left bottom/22% 3% no-repeat,var(--dipi-qr-code-corner) left bottom/3% 22% no-repeat,var(--dipi-qr-code-corner) right bottom/22% 3% no-repeat,var(--dipi-qr-code-corner) right bottom/3% 22% no-repeat}.dipi_qr_code .dipi-qr-code__frame--bubble-bottom .dipi-qr-code__code,.dipi_qr_code .dipi-qr-code__frame--bubble-top .dipi-qr-code__code{border:6px solid var(--dipi-qr-code-frame-color);border-radius:12px}.dipi_qr_code .dipi-qr-code__frame--bubble-bottom .dipi-qr-code__text,.dipi_qr_code .dipi-qr-code__frame--bubble-top .dipi-qr-code__text{position:relative;margin-top:16px;border-radius:12px;background-color:var(--dipi-qr-code-frame-color)}.dipi_qr_code .dipi-qr-code__frame--bubble-top .dipi-qr-code__text{margin-top:0;margin-bottom:16px}.dipi_qr_code .dipi-qr-code__frame--bubble-bottom .dipi-qr-code__text::before,.dipi_qr_code .dipi-qr-code__frame--bubble-top .dipi-qr-code__text::before{content:"";position:absolute;left:50%;bottom:100%;border:10px solid rgba(0,0,0,0);border-bottom-color:var(--dipi-qr-code-frame-color);transform:translateX(-50%)}.dipi_qr_code .dipi-qr-code__frame--bubble-top .dipi-qr-code__text::before{top:100%;bottom:auto;border-top-color:var(--dipi-qr-code-frame-color);border-bottom-color:rgba(0,0,0,0)}.dipi_qr_code .dipi-qr-code__frame-image{display:block;width:100%;height:auto}.dipi_qr_code .dipi-qr-code__frame--custom:has(.dipi-qr-code__frame-image) .dipi-qr-code__code{position:absolute;top:var(--dipi-qr-code-qr-y, 50%);left:var(--dipi-qr-code-qr-x, 50%);width:var(--dipi-qr-code-qr-size, 60%);transform:translate(-50%, -50%)}.dipi_qr_code .dipi-qr-code__download-area{position:absolute;inset:0;z-index:3;display:grid;pointer-events:none}.dipi_qr_code .dipi-qr-code__download{justify-self:right;align-self:start;display:flex;margin:10px;padding:10px;border:0;border-radius:50%;background-color:rgba(15,23,42,.75);color:#fff;line-height:0;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s ease}.dipi_qr_code .dipi-qr-code__download svg{width:var(--dipi-qr-code-dl-size, 20px);height:var(--dipi-qr-code-dl-size, 20px);fill:currentColor}.dipi_qr_code:hover .dipi-qr-code__download,.dipi_qr_code .dipi-qr-code__download:focus-visible{opacity:1}@media(hover: none){.dipi_qr_code .dipi-qr-code__download{opacity:1}}