.su-qr{--qr-line: color-mix(in srgb, currentColor 12%, transparent);--qr-tint: color-mix(in srgb, currentColor 5%, transparent);--qr-warn: #9a3412;display:block;max-width:560px}.su--center .su-qr{margin-inline:auto}.su-qr__empty{padding:20px;border:1px dashed currentColor;border-radius:8px;text-align:center;opacity:.7}.su-qr__form{display:grid;gap:14px;margin:0}.su-qr__label{display:block;margin:0 0 6px;color:var(--su-muted);font-size:.75rem;font-weight:500;letter-spacing:.02em}.su-qr__variant[hidden]{display:none}.su .su-qr .su-qr__select{box-sizing:border-box;width:100%!important;max-width:100%;height:40px!important;min-height:0!important;margin:0!important;padding:0 36px 0 12px!important;border:0!important;border-radius:var(--su-fx-r, 8px)!important;box-shadow:inset 0 0 0 1px var(--qr-line)!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23777' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 14px!important;color:inherit!important;font:inherit;font-size:.875rem;-webkit-appearance:none;appearance:none;cursor:pointer}.su .su-qr .su-qr__select:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--su-ac)!important}.su-qr__by[hidden],.su-qr__note[hidden]{display:none}.su .su-qr .su-qr__pack{display:inline-flex!important;align-items:baseline;gap:6px;width:auto!important;min-width:0!important;height:auto!important;min-height:32px!important;margin:0!important;padding:6px 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit;font-size:.875rem;font-weight:500;line-height:1.2;letter-spacing:normal;text-transform:none;cursor:pointer}.su-qr__pack small{color:var(--su-muted);font-size:.75rem;font-weight:400}.su .su-qr .su-qr__pack:hover{background:color-mix(in srgb,currentColor 5%,transparent)!important}.su-qr__note{margin:0;padding:10px 12px;border:1px dashed color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--su-fx-r, 8px);color:var(--su-muted);font-size:.8125rem}.su-qr__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.su-qr__step{display:grid;grid-template-columns:44px 72px 44px;align-items:center;height:44px;border-radius:var(--su-fx-r, 8px);box-shadow:inset 0 0 0 1px var(--qr-line)}.su-qr__step:focus-within{box-shadow:inset 0 0 0 1.5px var(--su-ac)}.su-qr__step:has([aria-invalid=true]){box-shadow:inset 0 0 0 1.5px var(--qr-warn)}.su .su-qr .su-qr__btn{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;margin:0 auto;padding:0!important;border:0!important;border-radius:calc(var(--su-fx-r, 8px) - 3px)!important;background:transparent!important;box-shadow:none!important;color:inherit;cursor:pointer}.su .su-qr .su-qr__btn:hover{background:color-mix(in srgb,currentColor 8%,transparent)!important}.su-qr__btn svg{width:14px;height:14px}.su .su-qr .su-qr__qty{box-sizing:border-box;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:inherit!important;font:inherit;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.su-qr__qty::-webkit-outer-spin-button,.su-qr__qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.su-qr__unit{margin:0;font-size:.875rem;font-weight:500}.su-qr__equals{margin-left:4px;color:var(--su-muted);font-weight:400;font-variant-numeric:tabular-nums}.su-qr__rules{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.su-qr__rules[hidden]{display:none}.su-qr__rules li{padding:3px 8px;border-radius:6px;background:var(--qr-tint);color:var(--su-muted);font-size:.75rem}.su-qr__hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.su-qr__hint:empty{display:none}.su-qr__hint p{flex-basis:100%;margin:0;color:var(--qr-warn);font-size:.8125rem}.su .su-qr .su-qr__pick{display:inline-flex!important;align-items:center;width:auto!important;min-width:0!important;height:30px!important;min-height:0!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:var(--su-fx-r, 8px)!important;background:transparent!important;box-shadow:inset 0 0 0 1px var(--qr-line)!important;color:inherit!important;font:inherit;font-size:.8125rem;font-weight:500;line-height:1;letter-spacing:normal;text-transform:none;cursor:pointer}.su .su-qr .su-qr__pick:hover{box-shadow:inset 0 0 0 1px currentColor!important}.su-qr__sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:.875rem}.su-qr__total{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.su-qr__pack-price{margin:0;color:var(--su-muted);font-variant-numeric:tabular-nums}.su-qr__total[hidden],.su-qr__pack-price[hidden],.su-qr__buy[hidden]{display:none}.su .su-btn.su-qr__add{width:100%;justify-content:space-between}.su-qr__status{margin-top:-6px}.su-qr__status:empty{display:none}@media(scripting:none){.su-qr__by{display:none}}.su--block .su-qr{max-width:none}.su--block .su-qr__form{gap:12px}.shopify-block:has(su-volume-pricing [data-su-vp-total])~.shopify-block .su-qr__total,.shopify-block:has(~.shopify-block su-volume-pricing [data-su-vp-total]) .su-qr__total{display:none}