.smart-script-qr-wrapper{position:relative}.smart-script-qr-wrapper__loader{pointer-events:none;position:absolute;inset:0}.smart-script-qr-wrapper:has(canvas) .smart-script-qr-wrapper__loader{display:none}.smart-script-qr{block-size:100%;inline-size:100%;overflow:hidden}.smart-script-qr__canvas{width:100%;height:100%;display:block}.ui-loader{--background-color:var(--loader-background-color,var(--background-primary));--loader-size:8px;z-index:1;top:50%;width:100%;height:calc(100% - var(--loader-size));position:relative;inset-inline-start:50%;transform:translate(-50%,-50%)}.ui-loader_inverted{--background-color:var(--background-alternative)}.ui-loader:before{content:"";top:calc(50% - var(--loader-size) * .5);width:var(--loader-size);height:var(--loader-size);background:var(--background-color);border-radius:50%;animation:1s infinite loader;position:absolute;inset-inline-start:calc(50% - var(--loader-size) * 2.5)}.ui-loader:after{content:"";top:calc(50% - var(--loader-size) * .5);width:var(--loader-size);height:var(--loader-size);background:var(--background-color);border-radius:50%;animation:1s -.36s infinite loader;position:absolute;inset-inline-start:calc(50% + var(--loader-size) * 1.5)}.ui-loader__dot{top:calc(50% - var(--loader-size) * .5);width:var(--loader-size);height:var(--loader-size);background:var(--background-color);border-radius:50%;animation:1s -.18s infinite loader;position:absolute;inset-inline-start:calc(50% - var(--loader-size) * .5)}@keyframes loader{50%{transform:scale(1.5)}}