#qr-code-configurator{color-scheme:light;font-family:Arial,Helvetica,sans-serif;--page-width: calc(100% - 40px) ;--page-max-width: 980px;--control-max-width: 716px;--page-top: clamp(24px, 5vh, 52px);--page-bottom: 40px;--layout-gap: 19px;--picker-gap: 8px;--track-gap: 9px;--mobile-page-top: 28px;--mobile-layout-gap: 15px;--track-padding: 3px;--font-option-gap: 2px;--font-option-padding: 3px 5px;--qr-style-button-width: 138px;--selected-border-width: 2px;--selected-inset: 0 0 0 1px var(--color-white) inset;--scroll-icon-size: 20px;--username-padding: 0 12px;--field-font-size: 16px;--button-font-size: 15px;--color-white: #fff;--color-ink: #111;--color-text: #15191d;--color-icon: #20252a;--color-blue: #146eb4;--color-blue-dark: #0e5794;--color-button: #FCD403;--color-button-hover: #e8c300;--color-button-border: #d2b100;--color-blue-border: #0d4e89;--color-blue-pale: #f7fbff;--color-focus: #8bc6ff;--color-border: #bfc5cb;--color-border-hover: #737c84;--color-control-border: #d3d7db;--color-control-text: #31373d;--color-control-hover: #f5f6f7;--color-input-hover: #4a5056;--color-border-dark: #858c93;--color-etch: #00aeef;--color-etched-edge: rgba(255, 255, 255, .34);--color-shadow: rgba(0, 0, 0, .52);--radius-control: 4px;--icon-button-width: 58px;--icon-button-height: 56px;--icon-size: 29px;--font-button-width: 112px;--font-button-height: 56px;--font-sample-size: 19px;--font-name-size: 9px;--font-arial-black: "Configurator Arial Black", Arial, sans-serif;--font-signpainter: "Configurator SignPainter", cursive;--font-cocktail-shaker: "Configurator Cocktail Shaker", cursive;--font-ethnocentric: "Configurator Ethnocentric", sans-serif;--font-orbitron: "Configurator Orbitron", sans-serif;--scroll-button-width: 32px;--scroll-button-height: 38px;--field-height: 46px;--cart-button-height: 49px;--preview-shadow-x: 0px;--preview-shadow-y: 0px;--preview-shadow-blur: 6px;--focus-width: 3px;--focus-offset: 2px;--control-border-width: 1px;--etched-edge-width: .55px;--rgb-cycle: 15s;--rgb-span: 2192.126625px;--rgb-red: #ff1744;--rgb-orange: #ff4d00;--rgb-yellow: #ffe600;--rgb-lime: #62f500;--rgb-green: #00d97e;--rgb-cyan: #00d5ff;--rgb-blue: #126cff;--rgb-violet: #8b32ff}#qr-code-configurator,#qr-code-configurator *{box-sizing:border-box}#qr-code-configurator button,#qr-code-configurator input{font:inherit}div:has(>#qr-code-configurator){width:100%;min-width:0;max-width:100%}#qr-code-configurator{container:qr-code / inline-size;min-width:0;max-width:100%;display:flex;width:min(var(--page-width),var(--page-max-width));margin:var(--page-top) auto var(--page-bottom);flex-direction:column;align-items:center;gap:var(--layout-gap)}#qr-code-configurator .vector-preview{width:100%}#qr-code-configurator #sign-preview{display:block;width:100%;height:auto;overflow:visible}#qr-code-configurator #sign-preview #thru-cut{display:none}#qr-code-configurator #sign-preview .preview-outline-shadow{fill:var(--color-white)!important;stroke:none!important;filter:url(#preview-silhouette-shadow)}#qr-code-configurator #sign-preview #shallow-etch path,#qr-code-configurator #sign-preview g#dynamic-shallow-etch path{fill:none!important;stroke:var(--color-etched-edge)!important;stroke-width:var(--etched-edge-width)!important;stroke-linejoin:round!important;paint-order:stroke fill;vector-effect:non-scaling-stroke}#qr-code-configurator #sign-preview .dynamic-icon,#qr-code-configurator #sign-preview .dynamic-text{fill:var(--color-etch)}#qr-code-configurator #sign-preview .dynamic-text{fill-rule:nonzero}#qr-code-configurator #sign-preview .preview-mask-art,#qr-code-configurator #sign-preview .preview-mask-art *{fill:var(--color-white)!important;fill-opacity:1!important;stroke:none!important}#qr-code-configurator #sign-preview #preview-rgb-overlay{fill:url(#preview-rgb-flow);pointer-events:none}#qr-code-configurator #preview-rgb-flow{color-interpolation:sRGB}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(1){stop-color:var(--rgb-red)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(2){stop-color:var(--rgb-orange)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(3){stop-color:var(--rgb-yellow)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(4){stop-color:var(--rgb-lime)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(5){stop-color:var(--rgb-green)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(6){stop-color:var(--rgb-cyan)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(7){stop-color:var(--rgb-blue)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(8){stop-color:var(--rgb-violet)}#qr-code-configurator #preview-rgb-flow stop:nth-of-type(9){stop-color:var(--rgb-red)}@media(prefers-reduced-motion:reduce){#qr-code-configurator #sign-preview #preview-rgb-overlay{fill:var(--color-etch)!important}}#qr-code-configurator .icon-picker{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--picker-gap)}#qr-code-configurator .icon-track{display:flex;flex:1 1 0;min-width:0;max-width:var(--control-max-width);gap:var(--track-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--track-padding)}#qr-code-configurator .icon-track::-webkit-scrollbar{display:none}#qr-code-configurator .icon-option{display:grid;flex:0 0 var(--icon-button-width);width:var(--icon-button-width);height:var(--icon-button-height);place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-icon);cursor:pointer;scroll-snap-align:center}#qr-code-configurator .icon-option:hover{border-color:var(--color-border-hover)}#qr-code-configurator .icon-option[aria-checked=true]{border:var(--selected-border-width) solid var(--color-blue);background:var(--color-blue-pale);box-shadow:var(--selected-inset)}#qr-code-configurator .icon-option:focus-visible,#qr-code-configurator .scroll-button:focus-visible,#qr-code-configurator input:focus-visible,#qr-code-configurator #add-button:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#qr-code-configurator .icon-option svg{display:block;width:var(--icon-size);height:var(--icon-size);fill:currentColor}#qr-code-configurator .icon-option svg [fill=none]{fill:none}#qr-code-configurator .icon-option svg [stroke=currentColor]{stroke:currentColor}#qr-code-configurator .font-option{display:flex;flex:0 0 var(--font-button-width);width:var(--font-button-width);height:var(--font-button-height);flex-direction:column;align-items:center;justify-content:center;gap:var(--font-option-gap);padding:var(--font-option-padding);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-icon);cursor:pointer;scroll-snap-align:center}#qr-code-configurator .font-option:hover{border-color:var(--color-border-hover)}#qr-code-configurator .font-option[aria-checked=true]{border:var(--selected-border-width) solid var(--color-blue);background:var(--color-blue-pale);box-shadow:var(--selected-inset)}#qr-code-configurator .font-option:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#qr-code-configurator .font-sample{font-size:var(--font-sample-size);line-height:1;white-space:nowrap}#qr-code-configurator .font-name{font:600 var(--font-name-size)/1 Arial,Helvetica,sans-serif}#qr-code-configurator .font-option[data-font=arial-black] .font-sample{font-family:var(--font-arial-black)}#qr-code-configurator .font-option[data-font=signpainter] .font-sample{font-family:var(--font-signpainter)}#qr-code-configurator .font-option[data-font=cocktail-shaker] .font-sample{font-family:var(--font-cocktail-shaker)}#qr-code-configurator .font-option[data-font=ethnocentric] .font-sample{font-family:var(--font-ethnocentric)}#qr-code-configurator .font-option[data-font=orbitron-bold] .font-sample{font-family:var(--font-orbitron)}#qr-code-configurator .qr-style-option{display:flex;flex:0 0 var(--qr-style-button-width);width:var(--qr-style-button-width);height:var(--font-button-height);flex-direction:column;align-items:center;justify-content:center;gap:var(--font-option-gap);padding:var(--font-option-padding);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-icon);cursor:pointer;scroll-snap-align:center}#qr-code-configurator .qr-style-option:hover{border-color:var(--color-border-hover)}#qr-code-configurator .qr-style-option[aria-checked=true]{border:var(--selected-border-width) solid var(--color-blue);background:var(--color-blue-pale);box-shadow:var(--selected-inset)}#qr-code-configurator .qr-style-option:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}#qr-code-configurator .qr-style-sample{display:block;width:34px;height:24px;fill:currentColor}#qr-code-configurator .qr-style-name{font:600 9px/1 Arial,Helvetica,sans-serif;white-space:nowrap}#qr-code-configurator .scroll-button{display:grid;flex:0 0 var(--scroll-button-width);width:var(--scroll-button-width);height:var(--scroll-button-height);place-items:center;padding:0;border:var(--control-border-width) solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-control-text);cursor:pointer}#qr-code-configurator .scroll-button:hover{background:var(--color-control-hover)}#qr-code-configurator .scroll-button svg{width:var(--scroll-icon-size);height:var(--scroll-icon-size);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#qr-code-configurator #qr-url,#qr-code-configurator #username{display:block;width:min(100%,var(--control-max-width));height:var(--field-height);padding:var(--username-padding);border:var(--control-border-width) solid var(--color-border-dark);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-white);font-size:var(--field-font-size)}#qr-code-configurator #qr-url:hover,#qr-code-configurator #username:hover{border-color:var(--color-input-hover)}#qr-code-configurator #qr-url::placeholder{color:#737c84;opacity:1}#qr-code-configurator .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#qr-code-configurator #add-button{width:min(100%,var(--control-max-width));min-height:var(--cart-button-height);border:var(--control-border-width) solid var(--color-button-border);border-radius:var(--radius-control);background:var(--color-button);color:var(--color-ink);font-size:var(--button-font-size);font-weight:700;cursor:pointer}#qr-code-configurator #add-button:hover{background:var(--color-button-hover)}@container qr-code (max-width: 580px){#qr-code-configurator .qr-code-form{--layout-gap: var(--mobile-layout-gap);--picker-gap: 5px;--track-gap: 8px;--icon-button-width: 55px;--icon-button-height: 53px;--scroll-button-width: 30px;--font-button-width: 104px;--font-button-height: 53px;--font-sample-size: 18px;--qr-style-button-width: 130px}}#qr-code-configurator .qr-code-form{display:flex;min-width:0;max-width:100%;width:100%;flex-direction:column;align-items:center;gap:var(--layout-gap)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/qr-code-config-v2-shopify-styles.css.map */